Skip to content

A simple and clean multi-page React application built using React Router. This project includes Home, About, Users, and User Details pages, demonstrating routing, dynamic parameters, and navigation UI. Designed for learning and assignment purposes.

Notifications You must be signed in to change notification settings

abhijitht2002/Build-a-Multi-Page-React-Application-with-Routing

Repository files navigation

📦 Multi-Page React App with React Router

This project is a simple multi-page React application demonstrating routing using react-router-dom. It includes multiple pages, dynamic user routes, and a navigation bar.


🚀 Features

  • ✅ Home, About, Users & User Detail pages
  • ✅ Dynamic parameters (/users/:id)
  • ✅ Global Navbar with active link highlight
  • ✅ Functional Components & Clean Folder Structure
  • ✅ Responsive UI (CSS/Bootstrap/Tailwind — your choice)

📂 Project Structure

src/
├─ components/
│ ├─ Card.jsx
│ ├─ Layout.jsx
│ ├─ Navbar.jsx
│ └─ Footer.jsx
│
├─ pages/
│ ├─ Home.jsx
│ ├─ About.jsx
│ ├─ Users.jsx
│ └─ UserDetail.jsx
│
├─ App.jsx
├─ index.css
└─ main.jsx
└─ users.js

📦 Installation & Setup

📥 Clone the Repository

git clone https://github.com/yourusername/react-multi-page-router.git
cd react-multi-page-router

🛠️ Install Dependencies

npm install

⚡ Start Development Server

npm start

About

A simple and clean multi-page React application built using React Router. This project includes Home, About, Users, and User Details pages, demonstrating routing, dynamic parameters, and navigation UI. Designed for learning and assignment purposes.

Topics

Resources

Stars

Watchers

Forks