Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/teagucordeiro/wheather-app
❄️ Application that seeks weather information of a city.
https://github.com/teagucordeiro/wheather-app
api react tailwindcss typescript
Last synced: 6 days ago
JSON representation
❄️ Application that seeks weather information of a city.
- Host: GitHub
- URL: https://github.com/teagucordeiro/wheather-app
- Owner: teagucordeiro
- License: mit
- Created: 2022-08-17T15:07:02.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-08T17:50:33.000Z (about 2 years ago)
- Last Synced: 2024-06-04T19:05:39.625Z (5 months ago)
- Topics: api, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://wheather-app-mu.vercel.app/
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Wheather App
About •
Extra features •
Technologies •
Status •
Deploy •
Running •
Author •
License
## :bookmark_tabs: About
Project developed during a class on the [Manual do Dev](https://www.youtube.com/c/ManualdoDev) channel and the project is basically a search engine for climate information from a city informed in the form. Furthermore, during this class, I was able to review the React hooks and also learned how to use Tailwind CSS. In addition, I also got to know a weather log API and practiced API consumption.
---
## :fire: Extra features
- [x] Form error handling
- [x] Error modal for invalid cities
- [x] Adding Typing with Typescript
---
### :hammer: **Technologies**
The following tools were used in the construction of the project:
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwindcss](https://tailwindcss.com/)
- [API](https://www.weatherapi.com/)
---
### :triangular_ruler: **Project Status**
👨🏫 The project has already been completed!!
---
### :computer: Deploy
See the running project: Wheather App
---
### :dvd: **Running the project**
```bash
# Clone this repository
$ git clone https://github.com/ThiagoOliveiraCordeiro/wheather-app.git
# Access the project folder in terminal/cmd
$ cd wheather-app
# Install the project dependencies
$ npm install
# or
$ yarn install
# Run the development server
$ npm run dev
# or
$ yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
---
### :boy: **Author**
Thiago Oliveira
Done with ❤️ by Thiago Oliveira 👋🏽 Contact me!
[](https://www.linkedin.com/in/thiago-de-oliveira-cordeiro-32562b1b6/)
[](https://github.com/ThiagoOliveiraCordeiro)
---
### :page_facing_up: **License**
This project is licensed by [MIT](./LICENSE).