This repository contains a Netflix home page clone created using React, TypeScript, SASS, and Material UI Icons. The application utilizes the TMDB API to fetch a list of movies and display them based on different categories.
- Browse Movies by Categories: Users can view a list of movies categorized into various genres.
- Responsive Design: The application is designed to be responsive and works well on different screen sizes.
- React: JavaScript library for building user interfaces.
- TypeScript: A statically-typed superset of JavaScript that provides improved tooling and developer experience.
- Vite: A fast and opinionated build tool for modern web applications.
- SASS: A CSS preprocessor that adds functionality such as variables, mixins, and nested rules to CSS.
- Material UI Icons: A library of scalable vector icons that can be easily customized.
- TMDB API: The Movie Database API provides access to a vast collection of movie and TV show data.
To run the Netflix home page clone locally, follow these steps:
- Clone the repository:
git clone https://github.com/andersonluis87/netflix-clone-typescript.git
- Install the dependencies:
yarn install
- Obtain an API key from the TMDB website (https://www.themoviedb.org/) by creating an account and generating an API key.
- Create a
.env
file in the root directory of the project and add the following line:VITE_MOVIEDB_API_KEY=your-api-key
. - Start the development server:
yarn dev
- Open the application in your browser at http://localhost:5173