Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/zevaguillo/nimbus-weather-app

The Nimbus Weather app is a minimalist web app that provides real-time weather information for any location in the world.
https://github.com/zevaguillo/nimbus-weather-app

learn nextjs react-query student-vscode tailwindcss typescript weather-app zustand

Last synced: 3 days ago
JSON representation

The Nimbus Weather app is a minimalist web app that provides real-time weather information for any location in the world.

Awesome Lists containing this project

README

        

# Nimbus Weather App
The Weather App is a minimalist web-based application that provides real-time weather information for any location in the world. Users can easily search for a location by name, and the app will display the current temperature, conditions, and wind speed. Additionally, the app includes a search history feature, which allows users to easily access their previous searches.

## Screenshots

![App Screenshot](/Screenshot.png)

## Features

- Real-time weather information for any location in the world
- Ability to search for a location by name
- Display of current temperature, conditions, and wind speed for the searched location
- Clean and simple interface design
- Search history feature to easily access previous searches

## Installation

Install my project with npm

```bash
npm install nimbus-weather-app
cd nimbus-weather-app
```

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file

` NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN`

` NEXT_PUBLIC_UNSPLASH`

` NEXT_PUBLIC_OPENWEATHER`

## Demo

[Live Demo](https://nimbus-weather-app.vercel.app/) 😎

## Tech Stack

**Client:** Nextjs, Typescript, Zustand, React Query, TailwindCSS

## Feedback

If you have any feedback, please reach out to us at [email protected]

## License

[MIT](https://choosealicense.com/licenses/mit/)