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.
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_hereRun 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
While running the project, open another terminal tab and run npm run e2e