The Idea behind Promote Music is to build a hassle-free web application that will help musicians, promote their music, and get people to listen to their music so they can recognize their genius.

Technology Stack Used:

html5 css3 css3 css3 css3 css3 css3

  • EJS: For webpage templating
  • Mongoose: As a driver to connect MongoDB with node.js

What it does?

  1. Upon visiting our web app the user is presented with a home page where they can see basic details about Music Blogs, Radio Station, and Music Forum.

  2. On the Music Blogs page, users can see different blogs of different musicians and if they want to read more about them, they can click on the Read More button which will render them to a post page where they can see the complete blog of that musician. Also if they want to follow that artist they can go to the Follow Me part where they will see different social icons and on clicking on any of those social icons, the user will render to the social media page of that artist. Also, users can see the link to the new song of that artist and if they want to share this post on any of their social platforms, they can do this by clicking on the social icons which I have provided on the left side of the page. Another thing that I had add is the donate part, where if the user wants to support that artist then they can donate money for them. Now, if the user is a singer and if they want to write their own blog so that people can know their art, they can do this by clicking on Add Blogs, which will render them to add a blog page where they need to provide some details about them and then they need to click on Publish button, to publish their post.

  3. On the Radio Station page, users can see different songs created by singers and if they want to listen to that song they need to click on the Read More part of that song which they want to listen and it will render to a new page where they can see the video of that song covered by that singer and also they can know more about that song by reading about it which is just below the video part on the same page. Again if the user wants to follow that artist or wants to share this post on their social media or wants to donate some money to that artist to support them they can do all these things on that same page. Now, a singer if they had created a new song and they had posted their song on Spotify or YouTube but because of very less followers their song did not get a better reach, then they can promote their song on my site, by simply clicking on Add Songs part which will render them to a new page where they need to provide their song video and few details and finally they can click on Publish button to publish their song on the site.

  4. The last feature of my site is Music Forums, where an artist can connect with those people who really care about art. It's a simple live chatroom where the user can chat with all those people who are online at that time. This feature will help small artists to grow their network, they can make new friends and ask if they want to listen to their tunes.

How I built it ⚙️

For the front end, I used HTML, CSS, Bootstrap, and JavaScript. For the backend, the real gem was to store data provided by the user for which we had used MongoDB and Mongoose as a driver to connect MongoDB with the node. JS.

Challenges I ran into 💻

  1. Fetching and Installing Dependencies
  2. Fixing Backend Errors

Accomplishments that I am proud of 🏆

I was able to complete the idea behind the challenge and create a hack that will inspire artists to create more by promoting their music online on my site.

What I learnt? 📚

If you have faith in yourself, you can do anything! This was my first solo project, and I was able to complete it on time.

What's next for Promote Music?

Building a complete full-stack web application and helping the user to experience the best out of it.

Share this project:

Updates