Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/andersonsrocha/weatherapp

🗻 Application for weather consultation
https://github.com/andersonsrocha/weatherapp

tailwindcss typescript weather weather-api

Last synced: 11 days ago
JSON representation

🗻 Application for weather consultation

Awesome Lists containing this project

README

        


🗻 Weather App

Application created for weather consultation using the Open Weather Map api.

![](https://img.shields.io/badge/release-v1.0.0-52a49a)
![](https://img.shields.io/badge/yarn-%3E%3D%201.22.19-blue)
![](https://img.shields.io/badge/node-%3E%3D%2018.9.0-green)

screenshot




🗒️ Index

- [🚀 Technologies](#-technologies)
- [✨ Features](#-features)
- [📑 Environment](#-environment)
- [📦 Install](#-install)
- [🔨 Build](#-build)
- [🔍 Preview](#-preview)
- [⭐ Credits](#-credits)
- [🔗 Links](#-links)
- [📝 License](#-license)

## 🚀 Technologies

- 🔩 React
- 💡 TypeScript
- ⚡ Vite
- 🌈 Tailwind CSS
- 🔥 OpenWeatherMap

## ✨ Features

- 🔎 Browse weather by city
- 📱 Responsiveness
- 👁️‍🗨️ Animated icon

## 📑 Environment

📝 Create **environment** variables .env file and add the key VITE_API_KEY and the [value](https://home.openweathermap.org/api_keys) from your api key

```bash
VITE_API_KEY=your_key
```

## 📦 Install

📝 Install the dependencies and **start** the project

```bash
yarn install
yarn run dev
```

## 🔨 Build

📝 **Build** the application for **production**

```bash
yarn run build
```

## 🔍 Preview

📝 Preview the build

```bash
yarn run preview
```

## ⭐ Credits

- [Icons](https://bas.dev/work/meteocons)

## 🔗 Links

- [Vite](https://vitejs.dev)
- [Github](https://github.com/andersonsrocha)
- [LinkedIn](https://www.linkedin.com/in/anderson-silva-a40926192)

## 📝 License

This project is under the MIT license. See the [LICENSE](LICENSE) file for more details.