TypeScript Weather App

Check The Live Website ➡️ Live Website

Description

Project aims to create a Weather App.

Visualization of the Website

Project Skeleton

Weather App (folder)
|
|----readme.md
SOLUTION
├── public
│     ├──  index.html
│     └── [other Files]
├── src
│    ├── components
│    │       ├── Icons
│    │       │     └── Icons.tsx
│    │       ├── Forecast.tsx
│    │       ├── Infobox.tsx
│    │       ├── Search.tsx
│    ├── helpers
│    │       ├── AnimationProject.gif
│    │       └── index.ts
│    ├── hooks
│    │       └── useForecast.jsx
│    ├── types
│    │       └── index.ts
│    ├── App.tsx
│    ├── index.css
│    └── index.tsx
│
├── package.json
└── yarn.lock

Used in this project

👉 I mastered ReactJS, TypeScript, React Router, react-dom, fetch, features in this project. You can see the visual representation of the website above.