{"id":29285784,"url":"https://github.com/quantumcoderrr/cine-scope","last_synced_at":"2026-04-12T22:39:15.287Z","repository":{"id":300567614,"uuid":"1006495153","full_name":"QuantumCoderrr/Cine-Scope","owner":"QuantumCoderrr","description":"Cine-Scope is a sleek, fully-responsive movie explorer web app that lets users search, discover, rate, and bookmark films — all powered by the TMDB API. Built with modern frontend tech (HTML, Tailwind CSS, and JavaScript), it delivers a smooth user experience without any backend or frameworks.","archived":false,"fork":false,"pushed_at":"2025-06-22T12:40:42.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-22T13:20:17.239Z","etag":null,"topics":["front-end","javascript","movie-app","movie-database","open-source","tailwindcss","tmdb-api"],"latest_commit_sha":null,"homepage":"https://quantumcoderrr.github.io/Cine-Scope/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QuantumCoderrr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-22T12:01:10.000Z","updated_at":"2025-06-22T12:40:45.000Z","dependencies_parsed_at":"2025-06-22T13:20:53.619Z","dependency_job_id":null,"html_url":"https://github.com/QuantumCoderrr/Cine-Scope","commit_stats":null,"previous_names":["quantumcoderrr/cine-scope"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/QuantumCoderrr/Cine-Scope","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuantumCoderrr%2FCine-Scope","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuantumCoderrr%2FCine-Scope/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuantumCoderrr%2FCine-Scope/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuantumCoderrr%2FCine-Scope/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QuantumCoderrr","download_url":"https://codeload.github.com/QuantumCoderrr/Cine-Scope/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuantumCoderrr%2FCine-Scope/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263819240,"owners_count":23516123,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["front-end","javascript","movie-app","movie-database","open-source","tailwindcss","tmdb-api"],"created_at":"2025-07-05T23:10:53.993Z","updated_at":"2026-04-12T22:39:10.259Z","avatar_url":"https://github.com/QuantumCoderrr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎬 Cine-Scope\n\nCine-Scope is a responsive, frontend-only movie explorer app that lets users search, explore, rate, and bookmark movies using the TMDB API.\n\n---\n\n## 🌟 Features\n\n- 🔍 Real-time search with autocomplete\n- 📊 Browse popular, trending, and top-rated movies\n- 🎛️ Discover movies with filters (genre, year, sort)\n- 🧾 Add/remove movies from personal watchlist\n- ⭐ Rate movies and view rated list\n- 📱 Fully responsive (mobile + desktop)\n- 🧠 Built with clean, modular JavaScript\n\n---\n\n## 🚀 Tech Stack\n\n- **HTML5**\n- **Tailwind CSS**\n- **Vanilla JavaScript**\n- **[TMDB API](https://developers.themoviedb.org/3)**\n\n---\n\n## 📦 Installation\n\n1. Clone the repo:\n\n```bash\ngit clone https://github.com/QuantumCoderrr/Cine-Scope.git\ncd Cine-Scope\n```\n\n2. Just open the index.html file in your browser — no backend needed!\n\n## 🧠 How It Works\n\nCine-Scope uses the [TMDB API](https://developers.themoviedb.org/3) to fetch movie data. Here’s how major features work:\n\n- **Search:** Debounced input field with TMDB’s search endpoint\n- **Home Page:** Fetches `popular` and `top_rated` movies\n- **Trending Page:** Uses `/trending/movie/week`\n- **Discover Page:** Uses `/discover/movie` with filters (genre, year, sort)\n- **Watchlist:** Stored in `localStorage` per user\n- **Ratings:** Users rate movies from 1–5 stars; stored in `localStorage`\n- **Auth:** Basic client-side signup/login using `localStorage`\n\n---\n## 🔐 LocalStorage Keys Used\n\n| Key             | Purpose                              |\n|------------------|--------------------------------------|\n| `users`          | Array of all registered users        |\n| `currentUser`    | Logged-in user data                  |\n| `watchlist`      | Watchlist per user (stored in user)  |\n| `ratings`        | Movie ratings per user (stored in user) |\n\n---\n\n## 🙋 FAQ\n\n**Q: Do I need a backend?**  \nA: Nope. Everything runs in-browser using `localStorage`.\n\n**Q: Can I use this in my portfolio?**  \nA: Hell yes. Just credit it or fork it and make it yours.\n\n**Q: Does it support dark mode?**  \nA: It's already in full dark mode, because light mode is for the weak 😎\n\n---\n\n## 🛠️ To-Do / Future Improvements\n\n- ✅ Star rating UX with hover effect\n- 🔲 OAuth login (Google/GitHub)\n- 🔲 Movie trailers \u0026 YouTube embeds\n- 🔲 Save data to Firebase or Supabase instead of localStorage\n- 🔲 Progressive Web App (PWA) support\n\n---\n\n## 🤝 Contributing\n\nPull requests are welcome!  \nPlease check out the [CONTRIBUTING.md](./CONTRIBUTING.md) file for guidelines, local setup, and what you can work on.\n\n\n## 🧑‍💻 Author\n\n**Sandip Ghosh**  \n👨‍🎓 B.Tech AI \u0026 ML Student  \n💼 [LinkedIn](https://www.linkedin.com/in/sandip-ghosh-b782662a5/)  \n💻 [GitHub](https://github.com/QuantumCoderrr)  \n📧 sandipghosh0801@gmail.com\n\n---\n\n## 🧾 License\n\nThis project is licensed under the MIT License — do whatever you want, just give credit.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantumcoderrr%2Fcine-scope","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquantumcoderrr%2Fcine-scope","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantumcoderrr%2Fcine-scope/lists"}