{"id":27060124,"url":"https://github.com/ruberoni/drama-keeper","last_synced_at":"2025-04-05T13:17:55.844Z","repository":{"id":46248850,"uuid":"354393154","full_name":"Ruberoni/drama-keeper","owner":"Ruberoni","description":"Keep a record of the films watched","archived":false,"fork":false,"pushed_at":"2022-11-18T18:14:59.000Z","size":2317,"stargazers_count":2,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-03-09T08:21:05.522Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"drama-keeper-client.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ruberoni.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-04-03T20:58:34.000Z","updated_at":"2023-03-07T07:05:55.000Z","dependencies_parsed_at":"2023-01-23T11:00:28.266Z","dependency_job_id":null,"html_url":"https://github.com/Ruberoni/drama-keeper","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruberoni%2Fdrama-keeper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruberoni%2Fdrama-keeper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruberoni%2Fdrama-keeper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruberoni%2Fdrama-keeper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ruberoni","download_url":"https://codeload.github.com/Ruberoni/drama-keeper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247339149,"owners_count":20923014,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-04-05T13:17:55.331Z","updated_at":"2025-04-05T13:17:55.827Z","avatar_url":"https://github.com/Ruberoni.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Drama Keeper\n\n**Live demo**\n\n[drama-keeper-client.vercel.app](http://drama-keeper-client.vercel.app/)\n\nKeep a record of the films you want to see or the ones you have watched.\n\n![pc_loggedin_home](assets/readme/pc_loggedin_home.png)\n\n## Goals\n\n- [x] Integrate a backend with a frontend\n- [x] Learn TypeScript\n- [x] Deploy a Fullstack app\n- [x] Learn React\n- [x] Use my custom hooks in react\n- [x] Use react context\n- [x] Integrate a third-party API\n\n## About the project\n\nIn 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.\n\nThe server uses the [TMDb API](https://www.themoviedb.org/) to get film poster image.\n\n\u003e Any image is saved in the DB. Only the poster path.\n\n## Screenshots\n\n![mobile_loggedin](assets/readme/mobile_loggedin.gif)\n![pc_addfilm_loggedin](assets/readme/pc_addfilm_loggedin.png)\n![pc_home_loggedout](assets/readme/pc_home_loggedout.png)\n\n## Tech used\n\n* [Node.js](https://nodejs.dev/)\n* [Express](https://expressjs.com/) - For the server\n* [MongoDB](https://www.mongodb.com/) - For the database\n* [TypeScript](https://www.typescriptlang.org/) - For the strong typing\n* [React](https://reactjs.org/) - For the frontend\n* [Material UI](https://material-ui.com/) - To make it cute\n\n## Build the app\n\n### What you need before\n\n- Node.js\n- Yarn\n- A [MongoDB](https://www.mongodb.com/) database\n- A [TMDb API Key](https://developers.themoviedb.org/3/getting-started/introduction)\n\n### Steps\n\n1. Clone this repository\n2. With terminal project root folder, to install dependencies run:\n```\n$ yarn \u0026\u0026 cd client \u0026\u0026 yarn\n```\n3. Rename the file `.env.example` to `.env` and fill it.\n4. **Run the app:**\n```\n$ yarn dev\n```\n\nThe app should run ok.\n\n## Contact me!\n\n- Email: ruben.pardes25@gmail.com\n- Discord: Ruberoni#8428\n\n## Attribution\n\nFor the film posters, [TMDb](https://www.themoviedb.org/) is used.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruberoni%2Fdrama-keeper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fruberoni%2Fdrama-keeper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruberoni%2Fdrama-keeper/lists"}