Responsive-Sidebar(Navbar)
Implement a side navigation bar
Frontend Framework: ReactJS. Routing: React Router. Styling: CSS-in-JS. Backend: Node.
○ The navigation bar should be responsive and collapse into a hamburger menu on smaller screens. ○ Highlight the active navigation item.
SetUp React JS Project ○ npm create vite@latest (or) create-react-app ○ Choose Project name ○ Install dependencies --> npm install ○ To start --> npm run dev (or) npm start
○ Install react-router-dom ○ Install react-icons
echo "# Side-Navbar" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin (your git link) git push -u origin main
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