Drama Keeper

Live demo

drama-keeper-client.vercel.app

Keep a record of the films you want to see or the ones you have watched.

Goals

• Integrate a backend with a frontend
• Learn TypeScript
• Deploy a Fullstack app
• Learn React
• Use my custom hooks in react
• Use react context
• Integrate a third-party API

About the project

In Drama Keeper you can create an account and have a database to save the films you want to see and the ones you already watched.

The server uses the TMDb API to get film poster image.

Any image is saved in the DB. Only the poster path.

Screenshots

Tech used

• Node.js
• Express - For the server
• MongoDB - For the database
• TypeScript - For the strong typing
• React - For the frontend
• Material UI - To make it cute

Build the app

What you need before

• Node.js
• Yarn
• A MongoDB database
• A TMDb API Key

Steps

1. Clone this repository
2. With terminal project root folder, to install dependencies run:

$ yarn && cd client && yarn

3. Rename the file .env.example to .env and fill it.
4. Run the app:

$ yarn dev

The app should run ok.

Contact me!

• Email: ruben.pardes25@gmail.com
• Discord: Ruberoni#8428

Attribution

For the film posters, TMDb is used.