diff --git a/public/day175-mood-based-music-suggestion/MusicSuggestion.html b/public/day175-mood-based-music-suggestion/MusicSuggestion.html new file mode 100644 index 00000000..c9d312fe --- /dev/null +++ b/public/day175-mood-based-music-suggestion/MusicSuggestion.html @@ -0,0 +1,189 @@ + + + + + + Mood-Based Music Suggestion + + + + + +
+

🎵 Mood-Based Music Suggestion

+

Enter your current mood and get a playlist!

+ + +
+
+ +
+
+ +
+
+ + +
+
+ + + + diff --git a/scripts/app.js b/scripts/app.js index f6fed1aa..3126332b 100644 --- a/scripts/app.js +++ b/scripts/app.js @@ -1983,8 +1983,8 @@ technologies: ["HTML", "CSS", "Javascript"], features:["Simulation", "Interactive","Awareness"] }, - { - originalDay: 170, + { + originalDay: 170, name: "Testimonial Carousel", description: "An interactive testimonial carousel with auto-slide, navigation buttons, and a grid of student reviews.", demoLink: "./public/TestimonialCarousel/index.html", @@ -1998,7 +1998,7 @@ "Responsive design with hover effects", "Custom styled cards with profile photos and reviews" ] - }, + }, { @@ -2011,7 +2011,12 @@ features: ["User interaction", "Fun project", "Basic simulation"] }, + + + + { + originalDay: 172, name: "Typing-Speed-Test", description: "Typing Speed Test having WPM, CPM accuracy and timing analysis.", @@ -2019,17 +2024,21 @@ category: "Test", technologies: ["HTML", "CSS", "JavaScript"], features: ["User interaction", "Fun project", "Basic simulation"] - }, - { - originalDay: 173, - name: "BeatPulse", - description: "BeatPulse rhythm game", - demoLink: "./public/BeatPulse/index.html", - category: "games", - technologies: ["HTML", "CSS", "JavaScript"], - features: ["BeatPulse", "Fun project", "Music"] - }, + + }, + { + originalDay: 173, + name: "BeatPulse", + description: "BeatPulse rhythm game", + demoLink: "./public/BeatPulse/index.html", + category: "games", + technologies: ["HTML", "CSS", "JavaScript"], + features: ["BeatPulse", "Fun project", "Music"] + }, + + { + originalDay: 174, name: "Parallax Demo", description: "When you scroll down the page you will see a beautiful parallax.", @@ -2037,8 +2046,10 @@ category: "creativity", technologies: ["HTML", "CSS", "JavaScript"], features: ["Multiple background layers", "Scroll-based animations", "Placeholder sections"] - }, - { + + + }, + { originalDay: 175, name: "Grand Piano", description: "Interactive virtual piano with realistic keys, sound effects, and beautiful design. Click or use keyboard to play music!", @@ -2046,8 +2057,18 @@ category: "entertainment", technologies: ["HTML", "CSS", "JavaScript"], features: ["Interactive Piano Keys", "Sound Effects", "Keyboard Support", "Realistic Design"] - }, -]; + }, + { + originalDay: 176, + name: "Mood-Based Music Suggestion", + description: "Suggests songs based on your current mood with a simple UI", + demoLink: "./public/day175-mood-based-music-suggestion/MusicSuggestion.html", + category: "entertainment", + technologies: ["HTML", "CSS", "JavaScript"], + features: ["Mood input", "Song suggestions", "Responsive design"] + } + ]; + this.projects = projectsData.map((project, index) => ({