Back in 2021, I kicked off my web development journey with my very first real-world project: a music streaming platform built from scratch. This was a huge leap for me — not only was I responsible for the user-facing app, but also for creating an admin dashboard and a dedicated artist panel.

One of the most critical aspects of this project was ensuring secure music playback. Preventing unauthorized downloads while still delivering smooth streaming was a top priority. I had to strike a balance between usability and content protection, and that experience really sharpened my skills in frontend security and API design.

The frontend was built using React 17, and I made use of SASS for styling and FontAwesome for iconography. The app featured dynamic lists, real-time updates, toast notifications, context menus, and infinite scrolling.

Here are some key libraries I used: • react-toastify – for non-intrusive notifications
• react-infinite-scroll-component – to smoothly load music content
• reactjs-popup and react-contextmenu – for contextual and modal interactions
• axios – for communication with the backend API
• jalali-moment – to support Persian (Jalali) calendar in time displays
• jsonwebtoken – for handling secure user sessions
• sass and node-sass – for styling
• swiper – for creating responsive carousels for music albums or playlists

The platform included:

• A user-facing music app with secure audio playback
• An Admin Panel to manage artists, tracks, and reports
• An Artist Panel where musicians could upload and manage their content

Looking back, this project was more than just code — it was my first experience dealing with real users, real data, and real-world challenges. It laid the foundation for everything I’ve built since.