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

Weather app build with Nextjs, React, Redux, TypeScript, Tailwind
https://github.com/alima987/weather-app

nextjs14 openstreetmap openweathermap-api react redux tailwind typescript weather-app

Last synced: 26 days ago
JSON representation

Weather app build with Nextjs, React, Redux, TypeScript, Tailwind

• Host: GitHub
• URL: https://github.com/alima987/weather-app
• Owner: alima987
• Created: 2024-04-22T09:32:00.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T05:59:44.000Z (about 1 month ago)
• Last Synced: 2024-09-30T05:01:21.046Z (about 1 month ago)
• Topics: nextjs14, openstreetmap, openweathermap-api, react, redux, tailwind, typescript, weather-app
• Language: TypeScript
• Homepage: https://alima987-weather-app.netlify.app/
• Size: 233 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

A real-time weather app developed using Next.js, TypeScript, and Redux Toolkit. This simple yet powerful application provides all the essential weather information you need, presented in a beautiful and user-friendly interface.

## Features

- CURRENT FORECAST: Get up-to-date information about the weather in your area. This feature provides you with real-time data on temperature, humidity, wind speed, and overall conditions.

- HOURLY FORECAST: Detailed weather updates for each hour of the day, allowing you to see how conditions change throughout the day, including temperature fluctuations, precipitation chances, and wind conditions.

- WEEKLY FORECAST: Overview of the weather for the next seven days. This feature includes high and low temperatures, expected precipitation, and general conditions.

- SUN & MOON: Solar and lunar activity with the Sun & Moon feature. This includes sunrise and sunset times, moon phases, and the duration of daylight.

- Search: Weather information for any location with the search feature. Simply enter the name of the city or area you're interested in, and access current and forecasted weather data tailored to that location.

- Interactive Map: This feature allows you to zoom in on specific areas, view radar imagery, and track storms in real-time.

## Technologies Used

- React

- TypeScript

- NextJs 14

- App Router

- Redux Toolkit

- Tailwind

## Installation

To run the Weather App App locally, follow these steps:

1. Clone the repository: `git clone https://github.com/your-username/weather-app.git`

2. Navigate to the project directory: `cd weather-app`

3. Install the dependencies: `npm install`

4. Run the app: `npm run dev`