CineAI Pro: Mood-Based Movie/Show Recommendations

Faizi Ashfar

Web Developer

JavaScript

Arts & Entertainment

CineAI Pro

Mood-based movie/show recommendations with real API-backed results and your original styles preserved.

Local file (this PC):

C:\Users\Ashfar Faizi\OneDrive\Desktop\CineAI\index.html

Local server (recommended):

http://localhost:5500/index.html

Mood selector: Adventurous, Relaxed, Romantic, Thrilled

Genre chips, languages, year range, rating, duration filters

Real API-backed results (TVMaze, no API key)

Animated, glassmorphism UI preserved

Results grid with title, year, rating, duration, genres

Wired category selection to real data

Switched to TVMaze open API for reliable CORS

Externalized logic to app.js; kept styling intact

Added docs under docs/

index.html – UI and styles (Tailwind via CDN)

app.js – Client-side logic and API integration

CineAI.txt – Original single-file prototype (kept for reference)

docs/skills.md – Relevant skills overview

docs/technologies.md – Technologies used

This is a static site.

Double-click index.html to open directly in your browser.

python -m http.server 5500
# then open http://localhost:5500/index.html

npx --yes http-server -p 5500 -c-1
# then open http://localhost:5500/index.html

TVMaze Shows: https://api.tvmaze.com/shows

We map moods to genres and filter client-side.

No API key required; permissive CORS.

Styling preserved; only wiring and API integration were added.

Want TMDB/OMDb instead? Share your API key and I’ll hook it up without changing styles.

Like this project

Posted Sep 28, 2025

Developed a mood-based movie/show recommendation system using TVMaze API.

Likes

Views