Loyiha strukturasi

Loyiha strukturasi zamonaviy frontend frameworklarga (React, Vue) o‘xshash, ammo butunlay sof javascript'da yozilgan.

Bajarilgan modullar

• Authentification — login va registratsiya qismi to'liq tugatilgan ammo, birinchi modul bo'lgani uchun biroz yaxshi yozilmagan, chap tomondagi stepper lar har safar render bo'ladi buni sidebar va topbarni render qilganim kabi yozishim kerak edi.
• Private Page layout — Sidebar menu va Topbar faqat bir marta render bo'ladi va ichki sahifalar almashganda qayta render qilinmaydi, reusable va scalable qilib qurilgan
• Dashboard — Dashboard qismi va ichki (Neaest events) qismi qisman tugatilgan, bu modul ham resuable va scalable qilib qurilgan
• Projcts — Projects bo'limi ichki dynamic router qo'shilgan va qisman tugatilgan Ulgurgan narsalarim shula edi, Raxmat!

Texnologiyalar

• Vanilla JS (ES Modules) — hech qanday framework ishlatilmagan.
• Vite — fst devc server va build uchun.
• Hash-based Routing — window.location.hash orqali yo‘llar boshqariladi.
• Dynamic Import — sahifalar import() yordamida kerak paytda yuklanadi.

Nega Vite?

• Tezkor dev server (HMR bilan)
• Build paytida kodni minify va optimizatsiya qiladi, Webpack yoki Rollup kabi config yozishga ehtiyoj yo‘q
• Vanilla JS bilan ham mos va hozirda eng yaxshi rivojlanib kelayotgan build tool

Komponentlar

• Asosiy UI componentlar components/ folderda joylashgan

Loyiha Strukturasi

project/
├── public/          # Statik fayllar (favicon, manifest va h.k.)
├── src/
│   ├── assets/      # Rasmlar, CSS, SVG
│   ├── components/  # Qayta ishlatiladigan UI komponentlar
│   ├── pages/       # Sahifalar
│   ├── views/       # Sahifalarda blocklar
│   ├── core/        # Asosiy tizim (masalan, router.js)
│   └── utils/       # Yordamchi funksiyalar
└── index.html



## Ishga tushirish

```bash
git clone https://github.com/lazywk/fb.git
cd fb
npm install
npm run dev    # dev server

Build va Production da ishga tushurish

npm run build  # production build
npm run preview