/movie-memory

Say goodbye to forgetting what you've watched, because with Movie Memories, you can easily mark which shows or movies you've seen, and which ones you still need to catch up on.

Primary LanguageTypeScript

Movie Memories

Demo

You can view a live demo of Movie Memories here.

Movie Memories | Where Your Entertainment Memories Live On

Say goodbye to forgetting what you've watched, because with Movie Memories, you can easily mark which shows or movies you've seen, and which ones you still need to catch up on.Movie Memories is the perfect tool for movie and TV show lovers who want to keep track of their viewing habits. Sign up today and start building your own personalized watchlist. Landing Page Home Page Memories Page Summary Modal

Description

Movie Memories is a web app that lets you keep track of the TV shows and movies that you've watched. With its intuitive and easy-to-use interface, you can create your very own watchlist, mark off which shows or movies you've seen, and keep track of all your films. Never forget what you've watched again, and relive all of your favorite moments from your favorite TV shows and movies with Movie Memories.

Features

Here are some of the features that Movie Memories offers:

  • Add and remove movies and TV shows to your watchlist
  • See a summary of each TV show or movie you add, including the release year, rating, and description
  • Browse through popular TV shows and movies and add them to your watchlist
  • Search for TV shows and movies by title, genre, or actor
  • Sign up to save your watchlist and progress
  • Log in to access your watchlist and progress

Technologies Used

Here are some of the technologies that was used to build Movie Memories:

  • HTML
  • SCSS
  • TypeScript
  • Firebase
  • TMDB API
  • Toastify-JS

Design File

Here is a link to the design file for Movie Memories: Figma

Installation

This project was built using Vite and Firebase. To install the project, follow these steps:

  1. Clone the repository
  2. Run npm install to install the dependencies
  3. Run npm run dev to start the development server

Environment Variables

This project requires the following environment variables in order to run. Environment variables can be set in a .env file in the root directory of the project.

VITE_API_KEY= # Your TMDB API key

VITE_FIREBASE_API_KEY= # Your Firebase API key
VITE_FIREBASE_AUTH_DOMAIN= # Your Firebase auth domain
VITE_FIREBASE_PROJECT_ID= # Your Firebase project ID
VITE_FIREBASE_STORAGE_BUCKET= # Your Firebase storage bucket
VITE_FIREBASE_MESSAGING_SENDER_ID= # Your Firebase messaging sender ID
VITE_FIREBASE_APP_ID= # Your Firebase app ID