Welcome to the Movie Search App, a web application built with React, Chakra UI, and powered by The Movie Database (TMDb) API. This app allows users to discover and search for their favorite movies, explore trending shows, and watch trailers.
https://tj-movie-search.netlify.app
-
React is a popular JavaScript library for building user interfaces.
-
TypeScript is a superset of JavaScript that adds static typing to the language.
-
Chakra UI is a simple and modular component library for building and styling React applications.
-
React Router is a popular library for managing routing in React applications.
-
An authentication and authorization platform used to secure the application and provide a seamless login experience for users.
Search Movies: Utilize the search functionality to find movies based on title, release date, and genre.
Filter by Genre: Narrow down your search by selecting from various movie genres such as Action, Comedy, and Drama.
Browse Trending Shows: Explore the latest trending TV shows of the week, providing an overview of popular content.
Watch Trailers: Enjoy a seamless experience of watching movie trailers directly within the app.
Responsive Design: The application is designed to be responsive, ensuring a consistent and user-friendly experience across various devices.
This project also includes test coverage.
The following environment variables were used:
REACT_APP_API_KEY REACT_APP_AUTH_CLIENT_ID
Kindly add them to your project before starting the server locally.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.