- Fully responsive clone of a popular social movie tracking and reviewing platform
- Search, save and review your favourite movies, fetched from The Movie Database ’s API
- Implement Google Auth using BaaS Firebase Auth and store all users' information in Firestore DB
- Live preview on Vercel's Hosting.
git clone https://github.com/janaiscoding/letterboxd-clone.git
cd letterboxd-clone
npm install
Get an API key from TMDB
Create a new project from Firebase Console and connect it
Create a .env file at the root of the repository with the following values for the firebase and API key:
NEXT_PUBLIC_API_KEY = "your-firebase-api-key"
NEXT_PUBLIC_APP_ID = "your-firebase-app-id"
NEXT_PUBLIC_MESSAGING_ID = "your-firebase-messaging-id"
NEXT_PUBLIC_AUTH_DOMAIN = "your-firebase-auth-domain-id"
NEXT_PUBLIC_PROJECT_ID = "your-firebase-project-id"
NEXT_PUBLIC_STORAGE_BUCKET = "your-firebase-storage-bucket"
NEXT_PUBLIC_TMDB_API_KEY="your-TMDB-api-key"
npm run dev
- On Homepage you can see the current popular movies, fetched from The Movie Database.
- On Profile you can see what movies you liked and watched, as well as your most recent reviews.
- On Films page you can filter by different browsing categories: years, ratings and genres!
- On Members you can see all the currently registered users and their info. You can see their profiles as well.
- On Reviews you can see all the reviews on the platform.
- On Settings you can edit your display name and your bio (which will update your profile).
- In the navbar you can search for any movie to add to your collection.
- ReactJs, Javascript, TypeScript, Next.js
- CSS3, TailwindCSS
- HTML5
- Visual Studio Code
- npm package manager
- Linux Terminal
- Git and Github
- This is a Letterboxd website replica
- API used: The Movie Database