sls0n / serenscape

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

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