https://github.com/mdazlaanzubair/atmosphere

A modern weather app showcasing the latest web tech. Built with Tailwind CSS, Next.js for optimized performance, and Open Weather Map API for accurate data. Provides an intuitive, visually appealing experience for weather information seekers.
https://github.com/mdazlaanzubair/atmosphere

accurate-weather-data intuitive-design modern-weather-app nextjs open-weather-map-api performance-optimized tailwind-css visually-appealing weather-app weather-information-seekers

Last synced: 24 days ago
JSON representation

A modern weather app showcasing the latest web tech. Built with Tailwind CSS, Next.js for optimized performance, and Open Weather Map API for accurate data. Provides an intuitive, visually appealing experience for weather information seekers.

• Host: GitHub
• URL: https://github.com/mdazlaanzubair/atmosphere
• Owner: mdazlaanzubair
• Created: 2023-02-02T14:24:51.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T16:39:32.000Z (over 3 years ago)
• Last Synced: 2025-07-31T13:25:59.003Z (10 months ago)
• Topics: accurate-weather-data, intuitive-design, modern-weather-app, nextjs, open-weather-map-api, performance-optimized, tailwind-css, visually-appealing, weather-app, weather-information-seekers
• Language: JavaScript
• Homepage: https://atmo-sphere.netlify.app/
• Size: 1.07 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# AtmoSphere

A weather app built with the latest web technologies for optimized performance and an intuitive, visually appealing experience. **[TAKE A LOOK HERE](https://atmo-sphere.netlify.app/)**

## Technologies Stack

- Tailwind CSS for styling

- Next.js for optimized performance

- Open Weather Map API for accurate data

## Features

- Provides up-to-date weather information for any location

- Intuitive design with visually appealing interface

- Fast and responsive performance

## Application Preview

![Application Preview](./asset/preview.png)

## How to run

### Prerequisites

- [ ] Node.js installed on your machine

- [ ] A Open Weather Map API key (you can get one [here](https://openweathermap.org/api))

### Installation

- [ ] Clone the repository: `git clone https://github.com/mdazlaanzubair/AtmoSphere.git`

- [ ] Navigate to the project directory: `cd AtmoSphere`

- [ ] Install the dependencies: `npm install`

- [ ] Create a copy of the `.env.local.example` file and name it `.env.local`.

- [ ] Replace `` in `.env` with your `OpenWeatherMap API` key.

- [ ] Start the development server: npm start

- [ ] Open [`http://localhost:3000`](http://localhost:3000) in your browser to view the app.

## Contribution

Contributions are welcome. Feel free to submit a pull request.

## License

The project is open source and licensed under the MIT License.