it-jhack/movie-title-translator

Translate titles and info about movies (among other features) using TMDB API. I made this project to learn React and Next.js. It has e2e automated testing with Cypress. It also uses TypeScript, Tailwind, Sass, MUI

The Movie Title Translator

About

The Movie Title Translator is a project I made purely to learn and experiment with React and Next.js (coming from a Vue.js background as a developer). The project uses TMDB Rest Api to make the translations. The project is running fine, but some componentization refactoring is still needed to make the code clean and sparking joy :)

This project was also built using TypeScript, Tailwind, Sass (.scss), MUI Material Design, and E2E automated testing with Cypress.

Running this project on your machine

Fork or clone this repo to your machine, then go the repo root directory on your terminal and install the dependencies with npm i

In order to run this project you need to register and have a TMDB API key (v3). It's free and doesn't require any credit card. After getting an api key, in the repo root directory create a file named .env.local and then insert your api key:

NEXT_PUBLIC_MDB_API_KEY=your_api_key_pasted_here

Run it with npm run dev, open the browser at http://localhost:3000/ and you're good to go!

*Note: I built this project using node version 12.22.10

Cypress automated E2E test

While running the project, open another terminal tab and run npm run e2e