My Movie List is a web application developed using Next.JS that allows users to easily manage their movie preferences. This project integrates various features such as movie referencing, searching, user authentication (Basic and OAuth2), and a watchlist system.
It harnesses The Movie Database API for movie information and leverages the private My Movie List REST API, developed in Golang, for authentication and watchlist management.
The UI is styled using Tailwind CSS to ensure an intuitive and responsive user experience.
- Clone the Repository:
git clone https://github.com/antoine2116/My-Movie-List_App.git
cd My-Movie-List_App- Install Dependencies:
npm install- Set Environment Variables:
Create a .env.local file in the project root and add the following variables:
TMDB_URL=https://api.themoviedb.org/3
TMDB_TOKEN=<your_tmdb_token>
NEXT_PUBLIC_REST_API_URL=http://localhost:8081
NEXT_PUBLIC_GOOGLE_CLIENT_ID=<your_google_client_id>
NEXT_PUBLIC_GOOGLE_REDIRECT_URI=$NEXT_PUBLIC_REST_API_URL/auth/google/callback- Start the development server:
npm run dev- Access the app :
Open your web browser and navigate to http://localhost:3000.
- Film page : share button on the detail panel, check other website to display more infos, invert percentage
- Home page : netflix like (categories with carousel)