Project image for Simple Weather App

Simple Weather App

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.


  • 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 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 explore the community forum to share your feedback with others. Ask questions, help others and learn in public to make the best use of codedamn.

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