This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.
src/ ├─ App.jsx # Main App component (wraps layout) ├─ index.jsx # React DOM entry ├─ api/ │ ├─ index.js # All API calls (ratings, courses, auth) │ └─ ratings.js │ ├─ components/ │ ├─ Header/ │ │ ├─ Header.jsx │ │ ├─ Logo.jsx │ │ ├─ NavLinks.jsx │ │ └─ UserMenu.jsx │ │ │ ├─ Footer/ │ │ └─ Footer.jsx │ │ │ ├─ CourseFilterBar/ │ │ └─ CourseFilterBar.jsx │ │ │ ├─ CourseList/ │ │ ├─ CourseList.jsx │ │ └─ CourseCard.jsx │ │ │ ├─ Rating/ │ │ ├─ RatingForm.jsx │ │ └─ ReviewsModal.jsx │ │ │ ├─ ScrollToTopButton.jsx │ └─ ProtectedRoute.jsx # Optional: restrict access for guest users │ ├─ context/ │ └─ AuthContext.jsx # user login state, role │ ├─ pages/ │ ├─ Home.jsx │ ├─ Trending.jsx │ ├─ Dashboard.jsx │ ├─ Login.jsx │ └─ CoursePage.jsx # iframe view for logged-in users │ ├─ utils/ │ └─ helpers.js # reusable helpers (formatTime, avgRating, etc.) │ └─ styles/ └─ globals.css # Tailwind + custom styles
isko directly command run krke bnna hai can you create .sh file or anothing jisse ye directly bna jaye sab