Sls0n / Serenscape

Feel the nature's melodic harmony and let your imagination transcend reality.

Home Page:https://serenscape.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Serenscape

Combined from the words "serenity" & "soundscape" - Serenscape is a webapp that allows you to indulge in serene soundscapes and immerse yourself to a world of pure tranquility. Feel the nature's melodic harmony and let your imagination transcend reality.

Preview

prismify-render (12)

Features

  • Pre-made high-quality, realistic soundscapes/ambience.
  • Profile system to save your favorite soundscapes.
  • Upload your own soundscapes/ambience.
  • Access to community uploads by other users.
  • Elegant, minimalistic user interface.
  • Customize your listening experience with a range of options.

Contributing

Anyone who is willing to contribute is more than welcome to do so. If you have any bugs/ideas, please feel free to open an issue. To contribute, please fork the repository and submit a pull request.

Takeaways

This project served as an invaluable learning experience for me. Over the course of about a month, I was able to complete it, though not without some unexpected challenges along the way. Prior to this, I had only built a simple to-do app, so I went into this project knowing it would be an ambitious undertaking. The skills I thoroughly developed during this time include:

•React hooks, context API, React Router, React Hook Form, React-Query, Redux-toolkit, Firebase, Authentication, Audio API, Framer Motion, and more.

Though at times arduous, this project was extremely rewarding in my opinion. Building this webapp has given me a solid foundation of knowledge and skills to leverage for future projects.

Live Demo

About

Feel the nature's melodic harmony and let your imagination transcend reality.

https://serenscape.netlify.app/


Languages

Language:JavaScript 64.4%Language:SCSS 34.4%Language:HTML 1.2%