https://github.com/7gowtham/react-router-demo

To create a web page with routes using react-router-dom
https://github.com/7gowtham/react-router-demo

react-router usestate

Last synced: 10 days ago
JSON representation

To create a web page with routes using react-router-dom

• Host: GitHub
• URL: https://github.com/7gowtham/react-router-demo
• Owner: 7Gowtham
• Created: 2024-06-11T14:45:03.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T16:10:28.000Z (5 months ago)
• Last Synced: 2024-06-12T22:22:34.069Z (5 months ago)
• Topics: react-router, usestate
• Language: JavaScript
• Homepage: https://react-router-demo7.netlify.app/
• Size: 51.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-Router-Demo

## Contents

- [Description](#description)

- [Features](#features)

- [Functionalities Used](#functionalities-used)

### Description

This project demonstrates how to create a web page with routes using `react-router-dom`.

### Features

1. The top of the page contains a navbar which displays course links.

2. Navigation to different courses has been created using `react-router-dom`.

3. When a course is selected, it displays only the specified content for that course.

4. When "All" is clicked, the page displays the content for all courses.

### Functionalities Used

1. `useState` is used in the Navbar component to highlight the selected course.

2. `react-router-dom` is used to navigate between different courses.