Create Search Route and change view

lakshaykamat · lakshaykamat · commit aa03f4f9a504 · 2024-03-04T20:07:49.000+05:30
/songs/search
/albums/search
diff --git a/controllers/albumController.js b/controllers/albumController.js
@@ -14,7 +14,6 @@ const cleanUpSongs = (songs, album) => {
 const getAlbum = async (req, res) => {
   try {
     const { name } = req.params;
-    console.log(name);
     const album = await Album.findOne({ title: name })
       .select("-__v")
       .select("-_id")
@@ -58,6 +57,32 @@ const getAllAlbums = async (req, res) => {
   }
 };
 
+const searchAlbum = async (req, res) => {
+  const { name } = req.query;
+
+  try {
+    // Use a regular expression to perform a case-insensitive search
+    const albums = await Album.find({ title: { $regex: name, $options: "i" } })
+      .select("-__v -_id")
+      .lean();
+
+    for (const album of albums) {
+      const songPromises = album.tracks.map((songId) =>
+        Song.findById(songId.toString()).select("-__v").select("-_id").lean()
+      );
+      const songs = await Promise.all(songPromises);
+
+      album.tracks = cleanUpSongs(songs, album);
+      album.songs = album.tracks.length;
+    }
+
+    res.json(albums);
+  } catch (error) {
+    console.error("Error searching songs:", error.message);
+    res.status(500).json({ error: "Internal Server Error" });
+  }
+};
+
 const deleteAlbum = async (req, res) => {
   try {
     const { id } = req.params;
@@ -92,7 +117,6 @@ const newAlbum = async (req, res) => {
     const newAlbum = new Album({
       title,
       artist,
-      releaseYear,
       releaseDate,
       albumCover,
       tracks: [],
@@ -111,4 +135,5 @@ module.exports = {
   deleteAlbum,
   newAlbum,
   getAlbum,
+  searchAlbum,
 };
diff --git a/controllers/songController.js b/controllers/songController.js
@@ -51,6 +51,32 @@ const getAllSongs = async (req, res) => {
   }
 };
 
+const searchSongs = async (req, res) => {
+  const { name } = req.query;
+
+  try {
+    // Use a regular expression to perform a case-insensitive search
+    const songs = await Song.find({ name: { $regex: name, $options: "i" } })
+      .select("-__v -_id")
+      .lean();
+
+    // Fetch additional album details for each song
+    const songsWithAlbum = await Promise.all(
+      songs.map(async (song) => {
+        const albumDetails = await getAlbumDetails(song.albumId);
+
+        if (albumDetails) {
+          song.albumName = albumDetails.albumName;
+          delete song.albumId;
+        }
+
+        return song;
+      })
+    );
+
+    res.json(songsWithAlbum);
+  } catch (error) {
+    console.error("Error searching songs:", error.message);
     res.status(500).json({ error: "Internal Server Error" });
   }
 };
@@ -97,4 +123,5 @@ module.exports = {
   getSong,
   getAllSongs,
   newSong,
+  searchSongs,
 };
diff --git a/routes/album.js b/routes/album.js
@@ -1,14 +1,14 @@
 const express = require("express");
-const Album = require("../models/Album");
-const Song = require("../models/Song");
 const {
   getAllAlbums,
   deleteAlbum,
   newAlbum,
+  searchAlbum,
 } = require("../controllers/albumController");
 const router = express.Router();
 
 router.route("/").get(getAllAlbums);
+router.route("/search").get(searchAlbum);
 router.route("/:id").delete(deleteAlbum);
 router.route("/newalbum").post(newAlbum);
 
diff --git a/routes/song.js b/routes/song.js
@@ -1,10 +1,13 @@
 const express = require("express");
-const Song = require("../models/Song");
-const Album = require("../models/Album");
-const { getAllSongs, newSong } = require("../controllers/songController");
+const {
+  getAllSongs,
+  newSong,
+  searchSongs,
+} = require("../controllers/songController");
 const router = express.Router();
 
 router.route("/").get(getAllSongs);
+router.route("/search").get(searchSongs);
 router.route("/new").post(newSong);
 
 module.exports = router;
diff --git a/views/index.ejs b/views/index.ejs
@@ -82,7 +82,7 @@
     />
   </head>
 
-  <body class="bg-[#C6A969]">
+  <body style="background-color: #f1e4c3">
     <div class="max-w-3xl mx-auto my-12 px-5">
       <div class="mb-3">
         <div class="flex items-center justify-between">
@@ -110,7 +110,7 @@
               class="w-10 h-10"
           /></a>
         </div>
-        <hr />
+        <hr class="h-1 rounded" style="background-color: #000" />
       </div>
       <p class="text-base mb-5">
         Open Source API for Taylor Swift Albums and Songs<br />
@@ -124,6 +124,7 @@
       <div class="">
         <h2 class="text-2xl font-semibold mb-3">API End points</h2>
         <hr />
+        <hr style="background-color: #3a3a3a; height: 2px" />
         <ol class="list-decimal px-7 my-5 text-xl">
           <li class="mb-5">
             <h1 class="text-xl mb-1 font-semibold">Albums</h1>
@@ -165,6 +166,24 @@
                 Get detailed information about a specific album.
               </p>
             </div>
+            <div
+              class="flex flex-col md:flex-row mb-2 items-start text-base gap-2"
+            >
+              <div>
+                <span class="bg-green-500 px-2 py-1 text-white rounded"
+                  >GET</span
+                >
+                <a
+                  href="https://taylor-swift-api.onrender.com/albums/?name=lover"
+                  class="bg-gray-200 px-2 hover:underline py-1 rounded"
+                  target="_blank"
+                >
+                  <code>/albums/?name=lover</code>
+                </a>
+              </div>
+
+              <p class="text-base">Search Albums by thier keywords and name</p>
+            </div>
           </li>
           <li class="mb-5">
             <h1 class="text-xl mb-1 font-semibold">Songs</h1>
@@ -205,9 +224,26 @@
                 Get detailed information about a specific song.
               </p>
             </div>
+            <div
+              class="flex flex-col md:flex-row mb-2 items-start text-base gap-2"
+            >
+              <div>
+                <span class="bg-green-500 px-2 py-1 text-white rounded"
+                  >GET</span
+                >
+                <a
+                  href="https://taylor-swift-api.onrender.com/songs/?name=world"
+                  class="bg-gray-200 px-2 hover:underline py-1 rounded"
+                  target="_blank"
+                >
+                  <code>/songs/?name=World</code>
+                </a>
+              </div>
+              <p class="text-base">Search song by thier keywords and name</p>
+            </div>
           </li>
         </ol>
-        <hr />
+        <hr style="background-color: #3a3a3a; height: 2px" />
         <button
           class="flex items-center justify-center gap-2 sm:hidden bg-gray-300 mt-4 text-center py-2 text-black w-full"
         >
