codedamn
Project image for Simple Weather App

Simple Weather App

React
A simple weather app built with React that displays the current weather and a 7-day forecast for a given coordinates.

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to build out this Weather App and get it looking as close to the design as possible.

Prerequisites:

  • You should have a basic understanding of HTML, its tags, their attributes and such.

  • A basic knowledge of CSS and Javascript is also required.

This project focuses on various concepts:

  • ReactJS and two of its basic hooks, useState and useEffect.

  • Fetching data from an API (Free and open-sourced Open-Metro API, which doesn't require any API key).

  • Basic styling using Bootstrap and CSS.

Your users should be able to:

  • View today's weather and 7 day forecast for given coordinates

  • View minimum and maximum temperature for each day

The README.md file will provide further details about the project.

Don't forget to share your submissions with the community to get feedback. All the best.

Get involved with the community

Join our discord server and share your feedbacks with others. Ask questions, help others and win prizes.

Check out the full-stack learning path to learn how to build such projects completely on your own.