react-router-demo-task3

This React application demonstrates client-side routing using react-router-dom. It includes multiple pages with navigation and a consistent layout, built with React functional components and hooks, ideal for a front-end development internship project.

---

Features

• Multi-page React app with Home and About pages.
• Navigation bar with active link highlighting.
• Consistent Footer component.
• Client-side routing without full page reload.
• Built with React hooks for clean state and effect management.
• Developed and built using Vite for optimal performance.

---

Technologies Used

• React (Functional Components & Hooks)
• react-router-dom for routing
• JavaScript (ES6+)
• Vite (Build tool)

---

Installation

1. Clone the repository:

git clone https://github.com/vaish776/react-router-demo-task3.git

2. Navigate to the project directory:

cd react-router-demo-task3

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

5. Open http://localhost:5173 in your browser to view the app.

---

Usage

• Use the navigation bar links to switch between Home and About pages seamlessly.
• Experience client-side routing with instant page changes.
• See modular and reusable components in action.

---

Project Structure

src/ ├── components/ │ ├── Navbar.jsx │ ├── Footer.jsx ├── pages/ │ ├── Home.jsx │ ├── About.jsx ├── App.jsx ├── main.jsx

---

Future Enhancements

• Add nested and dynamic routes.
• Enhance UI with responsiveness and animations.
• Implement unit and integration testing.

---

Author

Vaishnavi — GitHub Profile

---

License

This project is licensed under the MIT License.