https://github.com/ruberoni/drama-keeper

Keep a record of the films watched
https://github.com/ruberoni/drama-keeper

Last synced: about 1 year ago
JSON representation

Keep a record of the films watched

• Host: GitHub
• URL: https://github.com/ruberoni/drama-keeper
• Owner: Ruberoni
• Created: 2021-04-03T20:58:34.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-11-18T18:14:59.000Z (over 3 years ago)
• Last Synced: 2023-03-09T08:21:05.522Z (about 3 years ago)
• Language: TypeScript
• Homepage: drama-keeper-client.vercel.app
• Size: 2.21 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Drama Keeper

**Live demo**

[drama-keeper-client.vercel.app](http://drama-keeper-client.vercel.app/)

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

![pc_loggedin_home](assets/readme/pc_loggedin_home.png)

## Goals

- [x] Integrate a backend with a frontend

- [x] Learn TypeScript

- [x] Deploy a Fullstack app

- [x] Learn React

- [x] Use my custom hooks in react

- [x] Use react context

- [x] 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](https://www.themoviedb.org/) to get film poster image.

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

## Screenshots

![mobile_loggedin](assets/readme/mobile_loggedin.gif)

![pc_addfilm_loggedin](assets/readme/pc_addfilm_loggedin.png)

![pc_home_loggedout](assets/readme/pc_home_loggedout.png)

## Tech used

* [Node.js](https://nodejs.dev/)

* [Express](https://expressjs.com/) - For the server

* [MongoDB](https://www.mongodb.com/) - For the database

* [TypeScript](https://www.typescriptlang.org/) - For the strong typing

* [React](https://reactjs.org/) - For the frontend

* [Material UI](https://material-ui.com/) - To make it cute

## Build the app

### What you need before

- Node.js

- Yarn

- A [MongoDB](https://www.mongodb.com/) database

- A [TMDb API Key](https://developers.themoviedb.org/3/getting-started/introduction)

### 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](https://www.themoviedb.org/) is used.