Orbit-Space is a Lofi music application designed to enhance focus, relaxation, and productivity. The concept for Orbit-Space was inspired by the Lofi Girl YouTube channel. The goal was to create a scalable full-size app maintaining this Lofi ambiance integrated throughout and adaptable to different features.
Project Demo: https://youtu.be/-otd41ZOrpY
Key features of the current release:
- Spotify Authentication: Implemented NextAuth-based Spotify authentication to access the full music playlist and user management.
- Customizable Backgrounds: Users can select from some default live wallpaper options or upload their own, personalizing the visual experience to their liking.
- User-Defined Playlists: Users are not restricted to the default playlists. They can add their customized playlists.
- Custom Themes: There are four accessible custom themes: Nightowl, Countryside, Ghibli, and Cosy Home. By choosing them, the theme-based backgrounds, music effects, and internal Spotify playlists within the app will be updated.
- Sound Effect Controls: Users can control over the volume of each background sound effect, allowing them to create the perfect auditory environment.
- Interactive Cards: Add-ons for users include random quotation cards and a real-time digital clock, these cards are draggable so that users can place them anywhere they wish to.
Development Insights:
- State Management with Zustand: All states of the app are internally managed using Zustand, as well as handling cached-based data persistence and scalability.
- Cache-Based Data Persistence: All changes are saved in the browser's local storage, and content/states will get reset to default when the cache is cleared.
- User Experience: Implemented the best possible way to make the app engaging to both large and small screen-based users.
 1.b68e1682.svg)
