Skip to content

Latest commit

 

History

History
34 lines (27 loc) · 1.47 KB

README.md

File metadata and controls

34 lines (27 loc) · 1.47 KB

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!