This is a Netflix inspired movie and tv shows data website built with React, Firebase, the TMDb API for data fetching and retrieval, and styled-components for styling.
To run this project locally, you can follow these steps:
-
Clone this repository to your local machine
-
Navigate to the project directory:
cd flick
-
Install dependencies:
npm install
-
Create a .env file at the root of the project, and add your Firebase and TMDb API keys:
REACT_APP_FIREBASE_API_KEY=<your-firebase-api-key><br> REACT_APP_FIREBASE_AUTH_DOMAIN=<your-firebase-auth-domain><br> REACT_APP_FIREBASE_PROJECT_ID=<your-firebase-project-id><br> REACT_APP_FIREBASE_STORAGE_BUCKET=<your-firebase-storage-bucket><br> REACT_APP_FIREBASE_MESSAGING_SENDER_ID=<your-firebase-messaging-sender-id><br> REACT_APP_FIREBASE_APP_ID=<your-firebase-app-id><br> REACT_APP_TMDB_API_KEY=<your-tmdb-api-key><br>
-
Run the app:
npm start
After running the app, you should be able to see the Netflix clone in your browser at http://localhost:3000 or http://localhost:5173 (if using vite). You can sign up or log in with your Google account using Firebase authentication, and then browse and search for movies and TV shows using the TMDb API.
This project uses the following technologies:
● React
● Firebase
● TMDb API
● styled-components
● Axios
● React Query
If you'd like to contribute to this project, please feel free to submit a pull request or open an issue.
This project is licensed under the MIT License. See the LICENSE file for details.