Phase 1, Step 1: Vite + React + TypeScript Project তৈরি
প্রথমে বুঝে নাও:
- Vite = খুব fast build tool (Create React App এর চেয়ে অনেক দ্রুত)
- TypeScript = JavaScript + Type safety (বড় project এ bug কমায়)
Step 1: Project তৈরি করো
তোমার terminal এ এই command রান করো:
npm create vite@latest student-management -- --template react-ts
প্রথমে Y দিয়ে পরে Default সেটিং অনুযায়ী এন্টার করো সব
এই command কী করছে:
npm create vite@latest= latest Vite ব্যবহার করে project তৈরিstudent-management= তোমার project এর নাম--template react-ts= React + TypeScript template
Step 2: Project folder এ যাও
cd student-management
Step 3: Dependencies install করো
npm install
Step 4: Development server চালাও
npm run dev
এটা চালালে তুমি http://localhost:5173 এ তোমার app দেখতে পাবে।
📁 Project Structure বোঝো:
student-management/
├── node_modules/ # installed packages
├── public/ # static files
├── src/
│ ├── App.tsx # main component
│ ├── main.tsx # entry point
│ ├── App.css # styles
│ └── vite-env.d.ts # TypeScript definitions
├── index.html # HTML template
├── package.json # project config
├── tsconfig.json # TypeScript config
└── vite.config.ts # Vite config