Welcome to Cinema Sage, a simple movie recommendation system! Cinema Sage helps you discover movies based on your preferences. Explore a curated list of movies and find your next favorite.
-
Explore Movies: Browse through a collection of movies with details like title, year, genre, rating, poster, and description.
-
Search Functionality: Search for movies by title or genre.
-
Simple and Lightweight: No database or API required—just a static list of movies. (Later it will used a API with AI and ML)
Frontend: Typescript , Tailwind , radix/ui
Framework: React
Follow these steps to set up Cinema Sage on your local machine.
Clone the Repository
Copy
git clone https://github.com/your-username/cinema-sage.git
cd cinema-sage-
Open the Project
-
Open the index.html file in your browser.
-
Movie List: The app displays a list of movies with their details.
-
Search: Use the search bar to filter movies by title or genre.
-
No Backend: All data is stored in a static JavaScript array.
The movie data is stored in a JavaScript array like this:
const movies = [
{
id: 1,
title: "The Shawshank Redemption",
year: 1994,
genre: ["Drama"],
rating: 9.3,
poster: "https://example.com/poster1.jpg",
description: "Two imprisoned men bond over a number of years..."
},
{
id: 2,
title: "The Godfather",
year: 1972,
genre: ["Crime", "Drama"],
rating: 9.2,
poster: "https://example.com/poster2.jpg",
description: "The aging patriarch of an organized crime dynasty..."
}
];We welcome contributions to Cinema Sage! If you'd like to contribute, please follow these steps:
Fork the repository.
Create a new branch for your feature or bugfix.
Commit your changes.
Push your branch and submit a pull request.
For any questions or feedback, feel free to reach out:
Email: email
GitHub: Harsh
Enjoy your cinematic journey with Cinema Sage! 🎬🍿