Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/felipefama/weather-app

weather app
https://github.com/felipefama/weather-app

axios axios-react pwa react reactts styled-components typescript useeffect usestate

Last synced: about 2 months ago
JSON representation

weather app

Awesome Lists containing this project

README

        

# weather-app

![weather-app](https://user-images.githubusercontent.com/91050670/184713148-80e96c8c-ec2f-46b7-99d5-41b6c4778462.png)

## :rocket: Run Project

```bash
bun install
bun run dev
```

## :wrench: Technologies used

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![Styled-Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![Axios](https://img.shields.io/badge/axios-671ddf?&style=for-the-badge&logo=axios&logoColor=white)

## :book: Project Information
- Web application that returns the city's weather information.

- Weather Api website: [OpenWeather](https://openweathermap.org/)

- IpInfo Api Website: [IpInfo](https://ipinfo.io/developers)

- Weather App

- Semantic HTML5 markup

- Styled Components

- Display Flex

- Application conversion to PWA

-

Documentation Link: Vite PWA

- Axios

- UseState and UseEffect