suggested_file_structure.md

თითოეული გვერდისთვის შექმენით ცალკე ფოლდერი pages-ში. და თითოეულისთვის შექმენით ცალკე CSS & JSX ფაილები (არ დაწეროთ რომელიმე კონკრეტული გვერდის კოდი App.css-ში)

src/
├── mock-data/
│   ├── products.json
│   ├── users.json
├── shared/
│   ├── Header.jsx
│   ├── Footer.jsx
│   ├── Layout.jsx
│   ├── Main.css
│   └── ...
├── pages/
│   ├── home/
│   │   ├── Home.jsx
│   │   ├── Home.css
│   │   ├── Banner.jsx
│   │   └── ...
│   └── about/
│       ├── About.jsx
│       ├── About.css
│       └── ...
├── lib/
│   ├── axiosInstance.js
│   ├── AuthContext.jsx
│   └── utils/
│       ├── formatDate.js
│       └── ...
├── App.jsx
└── ...

1. ყველა გაზიარებული კომპონენტი ან სტილი, რასაც რამდენიმე გვერდი ან მთლიანი აპლიკაცია იყენებს, უნდა მოათავსოთ shared ფოლდერში.
2. ყველაფერი (jsx + css) რაც ეხება კონკრეტულ გვერდს, უნდა მოათავსოთ /pages/გვერდის-სახელი ფოლდერში
3. ის კომპონენტები, რომლებიც კონკრეტულ გვერდზეა დარენდერებული, უნდა მოათავსოთ შესაბამისი გვერდის ფოლდერში (და არა ცალკე კომპონენტების ფოლდერში)
4. ერთგვაროვნებისთვის ყოველთვის გამოიყენეთ named export/import სინტაქსი (არ გამოიყენოთ export default).