Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mthirumalai2905/imdb-clone-react-app
🍿 I'm currently developing an IMDb clone using React, aiming to replicate the functionalities and user experience of the popular movie database.🫛
https://github.com/mthirumalai2905/imdb-clone-react-app
firebase nodejs react tmdb-api vite
Last synced: about 17 hours ago
JSON representation
🍿 I'm currently developing an IMDb clone using React, aiming to replicate the functionalities and user experience of the popular movie database.🫛
- Host: GitHub
- URL: https://github.com/mthirumalai2905/imdb-clone-react-app
- Owner: mthirumalai2905
- Created: 2024-01-03T10:06:41.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-02-13T09:39:58.000Z (9 months ago)
- Last Synced: 2024-04-16T00:44:34.556Z (7 months ago)
- Topics: firebase, nodejs, react, tmdb-api, vite
- Language: JavaScript
- Homepage: https://imdb-clone-react-app-gamma.vercel.app/
- Size: 3.21 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IMDb Clone React App.
This is an IMDb Clone built using React and Firebase. The app allows users to explore movies, TV shows, and more, just like the popular IMDb platform.
## Features
- **Movie Database:** Explore a vast collection of movies and TV shows.
- **User Authentication:** Create an account, log in, and personalize your experience.
- **User Reviews and Ratings:** Share your opinions and rate movies and TV shows.
- **Firebase Integration:** Backend powered by Firebase for real-time updates and user authentication.
## Prerequisites
- Node.js: Make sure you have Node.js installed. You can download it from [nodejs.org](https://nodejs.org/).
- Firebase Account: Create a Firebase account at [firebase.google.com](https://firebase.google.com/) and set up a project.
## Getting Started
Follow these steps to get the app up and running on your local machine:
1. Clone the repository:
```bash
git clone https://github.com/Imdb-Clone-React-App.git
Change into the project directory:
cd Imdb-Clone-React-App
Install dependencies:
npm install
## Set up Firebase:
Create a Firebase project at firebase.google.com.
Copy your Firebase configuration object.
Create a .env file in the project root and add your Firebase configuration:
```bash
makefile
Copy code
REACT_APP_API_KEY=your_api_key
REACT_APP_AUTH_DOMAIN=your_auth_domain
REACT_APP_PROJECT_ID=your_project_id
REACT_APP_STORAGE_BUCKET=your_storage_bucket
REACT_APP_MESSAGING_SENDER_ID=your_messaging_sender_id
REACT_APP_APP_ID=your_app_id
Start the development server:
npm start
```
Open your browser and navigate to http://localhost:3000 to view the app.
## Usage
##Explore: Discover movies, TV shows, and more.
##Search: Use the search functionality to find specific titles.
##User Account: Create an account, log in, and personalize your experience.
##Rate and Review: Share your opinions by rating and reviewing movies and TV shows.
##Folder Structure
```bash
src/: Contains the React components and application logic.
public/: Static assets and HTML template.
node_modules/: Installed dependencies.
package.json: Project configuration file.
```
Contributing
Feel free to contribute to this project by submitting issues or pull requests.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Replace the placeholder values such as `your_api_key` with your actual Firebase configuration. Feel free to customize the template based on your specific project details.