React Weather App

Showing weather and News fetching form API. Live demo here.

Table of Contents

• General Info
• Technologies Used
• Features & Challenges
• Screenshots
• API Source
• Room for Improvement

General Information

Idea / Motivation

• To create an daily used weather and News app

Purposes / Intentions

• To create an application with React that utilizes data fetching from an API

Technologies Used

react.js

• react props, useState(), context, react events, useEffect()
• react-router-dom
• custom hooks (useFetchWeather)
• fetch

styles

• styled-components
• css

other libraries

• axios

Features & Challenges

Weather

• Fetching current weather from API
• Fetching weekly forecast from API

News

• Fetching current news from API

Navbar

• Responsive design by using css and useState

custom button component

• To use it across the home page

API Source

• OpenWeather (Current Weather Data, One Call API)
• Current News

Room for Improvement

• Structure of single page app
• (Fixed) Convert unix to localTime for Sunrise or Sunset