Skip to content

An animated music player made with React, Typescript, Redux Toolkit & Styled Components. The perfect tunes to relax to after a long day!

License

Notifications You must be signed in to change notification settings

developedbygeo/Chill-vibes

Repository files navigation

Chill Vibes

mobile viewport - portrait mode mobile viewport - landscape mode


A React-based, fully responsive music player that comes pre-loaded with chillhop tracks, thanks to Chillhop.com.

This project was a lovely chance to practise TDD (React Testing Library & Jest) with TypeScript, Redux Toolkit, Styled Components and experiment with animations. For a detailed overview, please have a look at the Features & Tech section.


Installation

As this project was bootstrapped with React, the following scripts are available:

Install the dependencies:

npm install

Run the app in development mode:

npm start

Launch the test server in the interactive watch mode:

npm test

Features

  • 15 pre-loaded chillhop tracks.
  • Conditional and fluid animations.
  • Fully-responsive in both landscape & portrait mode.

Tech

  • React
  • Typescript
  • Redux Toolkit
  • Styled Components
  • UUID

For a more detailed overview of the development & production dependencies, please check package.json.

Live Version

https://developedbygeo.github.io/Chill-vibes/

Contributing

Contributions are certainly welcome. Please feel free to open an issue/PR if there is something you would like to be changed.

Acknowledgements

This project would not have been created if it was not for Chillhop.com. A massive thank you as well to The Odin Project & developedbyed for their guidance and quality material.

License

MIT

About

An animated music player made with React, Typescript, Redux Toolkit & Styled Components. The perfect tunes to relax to after a long day!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages