πYou can see the live site from here!
## Project Skeleton
Turkey Weather(folder)
|----readme.md
SOLUTION
βββ public
β βββ index.html
βββ src
β βββ assets.js
β β βββ images
β βββ components
β β βββ Header --> Header.jsx | Header.style.jsx
β β βββ Card --> Card.jsx
β β βββ Navbar --> Navbar.jsx | Navbar.style.jsx
| | βββ Footer --> Footer.jsx | Footer.style.jsx
β βββ pages
β β βββ Home--> Home.jsx | Home.style.jsx
β β βββ Map --> Map.jsx | Map.style.jsx
β β βββ Sign --> Sign.jsx | Sign.style.jsx
β β βββ cities-->CityList.jsx | CityList.style.jsx
β β
β β
β βββ style
β β βββ GlobalStyle.jsx
β βββ App.js
β βββ App.css
β βββ index.js
β βββ index.css
βββ package.json
βββ yarn.lock
π¨βπ» The main aim of this project is to improve my REACT/Styled Component/JS/git commands (push, pull, commit, add etc.) skills and responsive design abilities.
π―
-HTML / Semantic elements
-Styled Components - Bootstrap - React Icons
-REACT / Components , Props , UseState, useeffect Hook, Router etc.
-Axios and Async-Await
-LocalStorage
-
improve coding skills within HTML & CSS & JS & REACT.js
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
π HTML tags, Comments, CSS styling, REACT.js etc.
First download a code editor
Second open the files : My Docs
You should open vscode terminal and write "yarn or npm install" to make the project alive
You can use this tutorial : VS Code tutorial
π€ Ali Aksoy
- Twitter: @alifeyza4017
- Github: @AliAksoyy