https://mttaskin.github.io/basic-react-router-page/
Project aims to create a Web Page with Router.
- We are adding a new project to our portfolios. So we have started to work on the project.
- 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
Build a Web Page using ReactJS, react-router and useNavigate.
-
HTML
-
CSS
-
JS
-
ReactJS
-
Improve coding skills within HTML & CSS & JS & ReactJS.
-
Use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
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 ✍