A modern movie tracking and social platform inspired by Letterboxd. Track your movies, share reviews, create lists, and connect with other film enthusiasts.
- 🎬 Track movies you've watched
- ⭐ Rate and review films
- 📝 Create and share movie lists
- 👥 Follow other users
- 🔍 Search movies and users
- 📱 Responsive design
- 🌓 Dark/Light theme support
- 🎯 Social features (likes, comments, follows)
Before you begin, ensure you have:
- A Firebase account and project set up
- A TMDB API key
- Basic knowledge of HTML, CSS, and JavaScript
- Git installed (for deployment to GitHub Pages)
-
Clone the repository:
git clone https://github.com/yourusername/cinelog.git cd cinelog -
Create a Firebase project:
- Go to Firebase Console
- Create a new project
- Enable Authentication (Email/Password and Google)
- Create a Firestore database
- Get your Firebase configuration
-
Get a TMDB API key:
- Go to TMDB
- Create an account
- Request an API key
-
Configure the application:
- Open
js/app.js - Replace the Firebase configuration with your own
- Add your TMDB API key
- Open
-
Deploy to GitHub Pages:
- Create a new repository on GitHub
- Push your code
- Enable GitHub Pages in repository settings
cinelog/
├── index.html # Main HTML file
├── css/
│ ├── style.css # Global styles
│ └── components.css # Component-specific styles
├── js/
│ ├── app.js # Main application logic
│ └── components.js # Reusable UI components
├── assets/ # Images and other static files
└── README.md
users/
├── userId/
│ ├── username
│ ├── email
│ ├── photoURL
│ ├── bio
│ ├── watchedMovies
│ ├── watchlist
│ ├── following
│ └── followers
reviews/
├── reviewId/
│ ├── userId
│ ├── movieId
│ ├── rating
│ ├── content
│ ├── createdAt
│ ├── likes
│ └── comments
lists/
├── listId/
│ ├── userId
│ ├── title
│ ├── description
│ ├── movies
│ ├── createdAt
│ └── likes- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- TMDB for the movie database
- Firebase for backend services
- Font Awesome for icons
- Letterboxd for inspiration