This project is a React application that demonstrates the use of React Router for client-side routing. Built with Vite and React, the website features multiple pages, a navigation menu, and a responsive design.
https://1-git-main-gurdits-projects.vercel.app/github
-
Screenshots of the UI:
-
Video Demonstration: https://github.com/askgurdit/React-Router-using-Vite-React/assets/118066728/ad74071d-ead4-49c0-8e16-0d93ed190fb2
GitHub URL: React Router Application Website
- Client-side routing using React Router
- Responsive design with a navigation menu
- Multiple pages: Home, About, Contact, User, GitHub
- User authentication with login and registration pages
- React: A JavaScript library for building user interfaces
- Vite: Next generation frontend tooling
- Tailwind CSS
- JavaScript (ES6+)
- HTML5
- CSS3
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/askgurdit/React-Router-using-Vite-React.git
- Navigate to the project directory:
cd React-Router-using-Vite-React - Install dependencies:
npm install
- Run the development server:
npm run dev
Once the development server is running, you can access the website at http://localhost:3000. The navigation menu allows you to switch between different pages: Home, About, Contact, User, and GitHub. The "Get started" button takes you to the user registration page.
React-Router-using-Vite-React/
│
├── public/
│ └── vite.svg
│
├── src/
│ ├── components/
│ │ └── Navbar.jsx
│ │ └── Footer.jsx
│ ├── pages/
│ │ └── Home.jsx
│ │ └── About.jsx
│ │ └── Contact.jsx
│ │ └── User.jsx
│ │ └── Login.jsx
│ │ └── Register.jsx
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
│
└── package.json
This project is licensed under the MIT License.
Feel free to open issues or submit pull requests for any improvements or bug fixes.