Weather Forecast

Welcome to Weather Forecast! This application provides real-time weather updates and forecasts for any location worldwide. Whether you're planning a trip, checking the weather for your daily commute, or just curious about conditions elsewhere, Weather Forecast has you covered.

Table of Contents

1. Features
2. How to Use
3. Technologies Used
   • Frontend
   • Backend
   • Database
   • Deployment
4. Installation
5. Screenshots
6. Live Demo
7. Authors
8. Deploy on Vercel
9. License
10. Contact

Features

• Current Weather: Get up-to-date information on the current weather conditions, including temperature, humidity, wind speed, and more, for any location you choose.
• Forecast: Plan ahead with a detailed forecast for the next few days. WeatherApp provides hourly and daily forecasts, so you know what to expect throughout the week.
• Location-based: Simply enter the name or coordinates of any location, and WeatherApp will retrieve accurate weather data for that area.
• User-friendly Interface: WeatherApp features a clean and intuitive interface, making it easy to navigate and access the information you need quickly.
• Customizable Settings: Tailor the app to your preferences by adjusting settings such as temperature units (Celsius, Fahrenheit), time format, and more.

How to Use

1. Search for Location: Enter the name or coordinates of the location you want to check the weather for in the search bar.
2. View Current Weather: Once the location is selected, WeatherApp will display the current weather conditions for that area.
3. Check Forecast: Swipe or navigate to the forecast section to view the weather forecast for the next few days.
4. Customize Settings (Optional): Access the settings menu to customize the app according to your preferences.
5. Stay Informed: Stay informed about weather changes in your area or any location of interest by refreshing the data or setting up notifications.

Technologies Used

Frontend

• Next.js: Utilized for building fast and scalable React applications. Next.js provides server-side rendering, automatic code splitting, and routing out of the box.
• Recoil: Employed for managing application state in React components. Recoil offers a simple and efficient way to handle complex state requirements.

Backend

• Node.js: Used as the runtime environment for server-side JavaScript code execution. Node.js enables building scalable and high-performance backend applications.
• Express.js: Employed as the web application framework for Node.js. Express.js simplifies the process of building robust APIs and handling HTTP requests.

Database

• MongoDB: Chosen as the NoSQL database solution for its flexibility and scalability. MongoDB allows for storing and querying structured and unstructured data efficiently.
• PostgreSQL: Utilized as the relational database management system (RDBMS) for structured data storage. PostgreSQL offers ACID compliance and supports complex queries and transactions.

Deployment

• Integration with Weather Data APIs: Integrated with weather data APIs such as OpenWeatherMap to fetch real-time weather information. This integration enhances the application's functionality by providing accurate weather forecasts and data.
• Vercel: Utilized as the hosting platform for deploying the application. Vercel offers seamless deployment and scaling of web applications, providing reliability and performance.

Installation

1. Clone the repository: git clone https://github.com/Raytchellee/hi-weather.git
2. Navigate to the project directory: cd hi-weather
3. Install dependencies: npm install
4. Start the application: npm start

Screenshots

Live Demo

For a live demo, visit the link below:

https://hi-weather-five.vercel.app/

Authors

Frontend Team

• Chiamaka Oforkaja -Lead Frontend Developer

  • Responsible for leading the frontend development team.
  • Implemented React components.
  • Styled user interfaces using CSS and styled-components.

• Ebelechukwu Muoka - Frontend Developer

  • Designed wireframes and mockups for the user interface.
  • Created responsive designs.
  • Collaborated with developers to ensure designs were implemented accurately.

• Ugonma Nkwocha - Lead Backend Developer

  • Responsible for leading the backend development team.
  • Designed and developed RESTful APIs using Node.js and Express.
  • Implemented database schemas and models using MongoDB.

• Afua Addae Adjei-Arthur - Backend Developer

  • Developed API endpoints.
  • Integrated third-party services for additional functionality.
  • Deployed and managed backend services.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

License

This project is licensed under the MIT License.

Contact

Have questions or feedback? Open an issue on GitHub.

Thank you for using Hi Weather Forecast!