https://mttaskin.github.io/basic-react-router-page/

project : Web Site with React Router

Description

Project aims to create a Web Page with Router.

Problem Statement

• We are adding a new project to our portfolios. So we have started to work on the project.

Project Skeleton

- Web Site with Router (folder)
|
|----readme.md         # Given to the students (Definition of the project)
SOLUTION
├── public
│     └── index.html
├── src
│    ├── assets.js
│    │     └── images
│    ├── components
│    │     ├── Footer.js
│    │     ├── Card.js
│    │     └── Navbar.js
│    ├── pages
│    │     ├── Home.js
│    │     ├── About.js
│    │     ├── Services.js
│    │     ├── Html.js
│    │     ├── Css.js
│    │     └── Logo.js
│    ├── router
│    │     └── AppRouter.js│       
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
└── yarn.lock

Expected Outcome

Objective

Build a Web Page using ReactJS, react-router and useNavigate.

At the end of the project, following topics are to be covered;

• HTML

• CSS

• JS

• ReactJS

At the end of the project, we will be able to;

• Improve coding skills within HTML & CSS & JS & ReactJS.

• Use git commands (push, pull, commit, add etc.) and Github as Version Control System.

Steps to Solution

• Step 1: Create React App using npx create-react-app web-page-with-router.

• Step 2: Build Web Page using ReactJS, react-router and useNavigate.

• Step 3: Push to application into own public repo on Github.

☺ Happy Coding ✍