• 

  Initiating Time Travel “Brace yourself… Time travel in progress!”

• 

  Portal Opening Animation “Dimensional portals open… Prepare for a musical adventure.”

• 

  Japan 2010s Music “Discover Japan’s modern music era with soulful and vibrant tunes.”

• 

  India 1990s Music “Experience India’s golden 90s – where nostalgia meets melody.”

• 

  Culture Selection “Travel across cultures and experience unique musical heritage.”

• 

  Era Selection “Choose your era, from classical to digital, and relive timeless tunes.”

• 

  Time Machine Console “Set your temporal coordinates and unlock musical history.”

• 

  Welcome Screen “Step into the Zigsaw of Time – where music becomes your time machine.”

//Inspiration We are a team of two, participating in our very first hackathon. The theme was time, which inspired us to explore how music connects people across generations and eras. After brainstorming multiple ideas, we decided to create Melody Map – a unique platform that lets users explore timeless songs from different languages, preserving musical memories and bridging generations.

//We were motivated by the idea:

Time ≠ Wait ⟹Preserve Memories Now!

//What it does Melody Track allows users to explore and listen to old songs from various languages, giving them a chance to experience music that transcends time. It acts as a time capsule of melodies, helping users discover and appreciate classic songs in an easy and engaging way.

//How we built it *We built the platform using HTML, CSS, and JavaScript to design and develop the UI and core functionality.

*We used AI tools to enhance visual design and improve features.

*We curated timeless songs from different languages and embedded them into our website for seamless playback.

Our process in formula form:

Hackathon Success =𝑓(Time Spent ,Creativity ,Teamwork)

//Challenges we ran into *Finding authentic old songs across multiple languages was time-consuming and tricky.

*Embedding music players and ensuring smooth streaming was technically challenging.

*Being first-time hackathon participants, we had to quickly adapt to workflows and tools.

*Managing time and features was tough under hackathon deadlines.

//Accomplishments that we're proud of *Successfully delivering a functional and visually appealing product in our first hackathon.

*Creating an interface that brings together music and time in a unique way.

*Learning to work effectively as a team under pressure and using AI tools creatively.

//What we learned *How to brainstorm and finalize an idea quickly.

*How to work collaboratively and divide tasks efficiently.

*How to integrate media (songs) into a website.

*That learning speed increases under pressure:

//What’s next for Melody Track *Adding more songs and expanding to different genres and languages.

*Introducing personalized playlists and recommendations using AI.

*Making the platform mobile-friendly and more interactive for users.

Built With

• css3
• embeds
• external
• html5
• javascript