Skip to content

A weather forecast web app displaying the current and weekly forecast. AJAX requests to multiple API end points handling asynchronous tasks with Async/Await and promises.

Notifications You must be signed in to change notification settings

atrp87/City_Skies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

City Skies

React music player with play / pause, skip forward / back and a drag handler to change the position of the song with a library of songs from chillhop.com. Live demo here.

Table of Contents

General Information

  • This allowed me to consolidate core concepts and refresh working with hooks ( more time spent on class components ) before looking into state management ( Redux ).
  • This was also my fist real experience with Scss, I have a lot of appreciation for CSS as it seems like this never ending language where there is always something knew to learn.
  • Scss is a great addition as it’s very intuitive with nesting, variables and partials, I will definitely be using it in the future.

Technologies Used

Lessons Learned

  • Passing, deconstructing and drilling props
  • Modifying, passing and lifting state
  • Working with hooks such as useRef for capturing input values and useState

Screenshots

Weather forecast image

Acknowledgements

Built using OpenWeather API and LocationIQ

Contact

Created by [email protected] - feel free to contact me!

About

A weather forecast web app displaying the current and weekly forecast. AJAX requests to multiple API end points handling asynchronous tasks with Async/Await and promises.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published