Musical Memoir

A musical journal for personal representation online. Built on top of powerful Spotify Dev APIs.

Github View Live

Music orchestrates emotions, shaping your creative tapestry with vibrancy.

Access our app effortlessly, from anywhere, by your mobile's convenience.

Responsive design ensuring seamless user experiences on all devices!

Inspiring Harmony, One Song at a Time!

Deep Dive

Explore further details regarding the tech-stacks used and the experience gained from developing this project.

Next.js - Primary framework
React.js - Utilized core concepts of React in 90% of the project.
Material UI - The ultimate design-component library.
Spotify API as the data-source.
Redux - For state management on both client & server side.
Firestore takes care of all data storage & backup.
Spotify - For token management
Jest to test the Next.js app.
ES-Lint kept my code a little tidy.

Macbook Pro (Intel) - The device I used throughout this project.
VS Code - Primary IDE
GoDaddy - for a sober domain name.
Vercel - A super charged platform that i primarily used for CI/CD & deployments.
Jira - Github Projects, An alternative for Atlassian Jira, which i used for project management following Agile (It's hard when you're the only team member).

Hello!
Please do not mistake this explanation with a blog post. I will be concise here.

If you want to skip reading more, collapse here

IDEA

In our social environment, everyone seeks a genuine, authentic, and creative connection with someone or something.

This endeavor is essentially a Spotify Musical Profile showcasing my musical preferences, enabling others to grasp my taste in music and discover something to connect with about me.

EXPERIENCE

The fundamental concept behind the website is to consume Spotify's APIs and work on real data:

Added features: Profile details, top playlists, top artists & songs (recent), recommendation system.
Engaging journey: This was supposed to be a separate micro-project but I ended up making it live on my portfolio as well because of the purpose it serves.
Seamless development: Next.js streamlined the development process and upheld React's fundamental principles, offering valuable insights.

Musical Memoir, is what I named it. It was as if I asked Spotify to write a biography for me.

Fill the Feedback form 🚀