add anime release schedule

.gitignore

@@ -77,6 +77,7 @@ web_modules/
 .env.test.local
 .env.production.local
 .env.local
+.env
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache

controllers/scheduleController.js

@@ -0,0 +1,6 @@
+import { fetchSchedule } from '../services/scheduleService.js';
+
+export const getSchedule = async (req, res) => {
+  const schedule = await fetchSchedule();
+  res.render('schedule', { schedule });
+};

index.js

@@ -6,6 +6,7 @@ import animeRoutes from './routes/animeRoutes.js';
 import genreRoutes from './routes/genreRoutes.js';
 import episodeRoutes from './routes/episodeRoutes.js';
 import shortlinkRoutes from './routes/shortlinkRoutes.js';
+import scheduleRoutes from './routes/scheduleRoutes.js';
 import {fetchAllAnimeData} from './services/animeService.js';
 
 const __filename = fileURLToPath(import.meta.url);
@@ -43,6 +44,7 @@ app.use('/', animeRoutes);
 app.use('/', genreRoutes);
 app.use('/', episodeRoutes);
 app.use('/', shortlinkRoutes);
+app.use('/', scheduleRoutes);
 
 // Start the server
 app.listen(port, () => {

routes/scheduleRoutes.js

@@ -0,0 +1,8 @@
+import express from 'express';
+import { getSchedule } from '../controllers/scheduleController.js';
+
+const router = express.Router();
+
+router.get('/schedule', getSchedule);
+
+export default router;

services/scheduleService.js

@@ -0,0 +1,11 @@
+import ky from 'ky';
+
+export const fetchSchedule = async () => {
+  try {
+    const response = await ky.get(`${process.env.API_URL}/otakudesu/jadwal`).json();
+    return response.data;
+  } catch (error) {
+    console.error('Error fetching schedule data:', error);
+    return [];
+  }
+};

views/partials/navbar.ejs

@@ -13,7 +13,10 @@
           <a class="nav-link" href="/all-anime">All Anime</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="/Genres">Genres</a>
+          <a class="nav-link" href="/genres">Genres</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/schedule">Schedule</a>
         </li>
       </ul>
     </div>

views/schedule.ejs

@@ -0,0 +1,22 @@
+<%- include('partials/header', { title: 'Anime Schedule - ZANNIME' }) %>
+<div class="container">
+  <h1 class="mt-4">Anime Release Schedule</h1>
+  <% schedule.forEach(day => { %>
+    <div class="day-schedule card mt-3">
+      <div class="card-body">
+        <h2 class="card-title"><%= day.hari %></h2>
+        <p class="card-text">
+          <% day.anime.forEach((anime, index) => { %>
+            <a href="/anime/<%= anime.slug %>" class="badge bg-dark me-1 text-decoration-none"><%= anime.judul %></a><% if (index < day.anime.length - 1) { %>, <% } %>
+          <% }) %>
+        </p>
+      </div>
+    </div>
+  <% }) %>
+</div>
+<br>
+<%- include('partials/footer') %>
+<!-- Bootstrap JS -->
+<script src="/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>