Movie search app that shows coincident movies using the movieDB API, Typescript, React and TailwindCSS.
SPA made to quickly search movies from TMDb (The Movie Database). It uses React to manipulate the DOM and update it each time a change is detected.
The styling has been made using TailwindCSS, it's a (mobile first) CSS framework. Thanks to the breakpoints (sm, md, lg, xl, 2xl) that Tailwind offers I made the web fully responsive much faster than with SCSS/CSS.
Everything on the app has been made using TypeScript, an open-source language that lets developers have better productivity and collaboration.
Use the command npm i or yarn add to install all the necessary node modules.
Then, you must create a .env file in the root of the project. Inside this file you should type your TMDb API key using the following format:
REACT_APP_MOVIE_DB_API_KEY=YOUR_API_KEY
Once you have set up your API key as a env variable you can execute the following command in the root folder:
yarn start or npm start
This command runs the app in the development mode.
Open http://localhost:3000 once you execute the command to view it in the browser. (It usually opens a new tab automatically in your default browser once you use the command).
This project was bootstrapped with Create React App.