/nextjs-weather-app

A user-friendly weather app providing real-time forecasts for any location.

Primary LanguageTypeScriptMIT LicenseMIT

nextjs-weather-app

A user-friendly weather app providing real-time forecasts for any location. It leverages the power of APIs to fetch accurate and up-to-date weather data and presents it in an intuitive and visually appealing manner.

Plan of features

  • Responsive Design: The app is designed to be mobile-friendly and responsive, ensuring a seamless user experience across different devices and screen sizes.
  • Current Weather: Get the current temperature, humidity, wind speed, and other essential weather parameters for your desired location.
  • Forecast: View the weather forecast for the upcoming days, including temperature highs and lows, precipitation chances, and atmospheric conditions.
  • Search: Easily search for weather information of any city or town worldwide by name or zip code.
  • Geolocation: The app utilizes geolocation services to automatically detect and display weather data for the user's current location.
  • Favorites: Save your frequently accessed locations as favorites for quick access to their weather information.
  • Unit Conversion: Choose between metric (Celsius, kilometers per hour) and imperial (Fahrenheit, miles per hour) units for displaying weather data.
  • Weather Alerts: Receive alerts and notifications for severe weather conditions, such as storms, hurricanes, or extreme temperatures.
  • Interactive Maps: Explore weather patterns and radar data through interactive maps, giving you a visual representation of the current weather conditions.

Technologies Used

  • Front-end: HTML, CSS, JavaScript
  • Backend: Node.js, Express.js
  • APIs: OpenWeatherMap API, Google Maps API (for geolocation)
  • Data Visualization: Chart.js, Leaflet.js
  • Deployment: GitHub Pages

Installation

To run the Weather App locally, follow these steps:

  1. Clone the repository: git clone https://github.com/terkinas/nextjs-weather-app.git
  2. Navigate to the project directory: cd nextjs-weather-app
  3. Install the dependencies: npm install
  4. Obtain API keys from OpenWeatherMap and Google Maps and replace them in the respective configuration files.
  5. Start the development server: npm run dev
  6. Open your browser and visit: http://localhost:3000

Screenshots

Weather App Homepage:

Will be uploaded soon

Weather App Forecast:

Will be uploaded soon

Contributing

Contributions to the Weather App are welcome! If you find any bugs or have suggestions for new features, please open an issue on the GitHub repository. You can also fork the repository, make your changes, and submit a pull request.

License

This project is licensed under the MIT License, allowing for personal and commercial use with attribution.