Skip to content

Latest commit

 

History

History
96 lines (75 loc) · 3.05 KB

README.md

File metadata and controls

96 lines (75 loc) · 3.05 KB
Raw

React Router Application Website

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.

Visit the Live Website :

https://1-git-main-gurdits-projects.vercel.app/github

Screenshots and Videos

Project Details

GitHub URL: React Router Application Website

Features

  • 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

Technologies Used

  • React: A JavaScript library for building user interfaces
  • Vite: Next generation frontend tooling
  • Tailwind CSS
  • JavaScript (ES6+)
  • HTML5
  • CSS3

Installation

To run this project locally, follow these steps:

  1. Clone the repository: 
    git clone https://github.com/askgurdit/React-Router-using-Vite-React.git
  2. Navigate to the project directory: 
    cd React-Router-using-Vite-React
  3. Install dependencies: 
    npm install
  4. Run the development server: 
    npm run dev

Usage

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.

Project Structure

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

License

This project is licensed under the MIT License.

Contributing

Feel free to open issues or submit pull requests for any improvements or bug fixes.