Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

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/
β”‚ β”œβ”€ Layout.jsx
β”‚ β”œβ”€ Navbar.jsx
β”‚ └─ Footer.jsx
β”‚ └─ UserCard.jsx
β”‚
β”œβ”€ pages/
β”‚ β”œβ”€ Home.jsx
β”‚ β”œβ”€ About.jsx
β”‚ β”œβ”€ Users.jsx
β”‚ └─ UserDetail.jsx
β”‚
β”œβ”€ App.jsx
β”œβ”€ index.css
└─ main.jsx

πŸ“¦ 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

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /