🎵 MelodyMingle Internet-based Music Database 🎵

Welcome to MelodyMingle! 🎶

For all your favourites ranging from Classical to Pop... Rock to Jazz... Bollywood to Indie... and everything in between, MelodyMingle is your one-stop destination! Here you can find any melody of your choice with which you want to mingle!

🎸 Features of MelodyMingle 🎷

🔒 Cool Login Page:

Start your musical journey by logging in or signing up. The login page is designed to be user-friendly and secure.

🏠 Homepage:

On the homepage, you can explore the top 5 actors, their albums, and their songs. Dive into the musical world of your favourite actors and discover new hits.

🎤 Artists Page:

Check out the top 5 artists featured on MelodyMingle. This page gives you a quick overview of the most popular artists.

🎧 Artist Pages:

Each artist has their own dedicated page showcasing their top 5 albums. Explore the best works of your favourite artists.

💿 Album Pages:

Click on any album to go to its page, where you can find the top 5 songs from that album. You can also add these songs to your playlist to listen later.

🔍 Search Page:

Use the search feature to find and play any song using our integrated API. Discover new music or find your old favourites easily.

📜 Playlist Page:

View all the songs you have added to your playlist. You can listen to them or remove any songs you no longer want in your playlist.

👨‍💻 As the Creator of the Website:

• I have taken into consideration the UI/UX of the website at each and every step while building it from scratch.
• I have managed to keep the website truly vibrant and colorful while also keeping it decent enough by not over-doing any of the effects.
• I tried to keep the text sizes as much "OPTIMAL" as possible on all pages in order to make it a good reading experience for the users.
• Even the smallest shades of color contrasts have been considered, leading to being very picky about the background accents and images for all pages.
• I have kept the footer such that it is clearly visible commonly on all the pages while at the same time, does not attract too much attention.
• The selection of fonts has been a very generic choice that would suit the mass rather than being a personal choice.
• Sizes of different sections, divisions, and images were well-thought such that it provides a good User Experience (UX).
• The User Interface (UI) has been kept as simple as possible rather than making it too fancy or complex so that it appeals to all categories of users.

🚀 How to Start?

1. To open the Home page of the website, you need to run the HTML file named FirstPage.html in the src/ folder on any browser of your choice.
2. As soon as you open the FirstPage, you can either log in or sign up on the page or directly go to EXPLORE NOW, which redirects you to the MelodyMingle Homepage.
3. The inter-connection of pages has already been established within the HTML scripts of all the pages.

🔑 Credentials:

• Username: Melody
• Password: Mingle

Thank you for choosing MelodyMingle! 🎵 Enjoy your musical journey!