docs: update README with Firebase & TMDB setup steps

README.md

@@ -21,10 +21,75 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
 
 In the project directory, you can run:
 
-### `npm start`
+Setup Instructions
+
+Before running the project, make sure to configure Firebase and TMDB API.
+
+1. Firebase Setup
+
+Go to Firebase Console
+.
+
+Create a new Firebase project.
+
+Enable Authentication → Email/Password sign-in.
+
+Create a Firestore Database in test mode.
+
+Copy your Firebase config keys from project settings.
+
+👉 Update src/lib/firebase.prod.js with your keys:
+
+import Firebase from "firebase/compat/app";
+import "firebase/compat/auth";
+import "firebase/compat/firestore";
+
+const config = {
+  apiKey: "YOUR_FIREBASE_API_KEY",
+  authDomain: "YOUR_FIREBASE_AUTH_DOMAIN",
+  projectId: "YOUR_PROJECT_ID",
+  storageBucket: "YOUR_STORAGE_BUCKET",
+  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
+  appId: "YOUR_APP_ID"
+};
+
+const firebase = Firebase.initializeApp(config);
+
+export { firebase };
+
+2. TMDB API Setup
+
+Go to TMDB
+ and create an account.
+
+Navigate to Settings → API and generate an API key.
+
+Open src/requests.js and replace with your key:
+
+const API_KEY = "YOUR_TMDB_API_KEY";
+
+const requests = {
+  fetchTrending: `/trending/all/week?api_key=${API_KEY}&language=en-US`,
+  fetchNetflixOriginals: `/discover/tv?api_key=${API_KEY}&with_networks=213`,
+  fetchTopRated: `/movie/top_rated?api_key=${API_KEY}&language=en-US`,
+  fetchActionMovies: `/discover/movie?api_key=${API_KEY}&with_genres=28`,
+  fetchComedyMovies: `/discover/movie?api_key=${API_KEY}&with_genres=35`,
+  fetchHorrorMovies: `/discover/movie?api_key=${API_KEY}&with_genres=27`,
+  fetchRomanceMovies: `/discover/movie?api_key=${API_KEY}&with_genres=10749`,
+  fetchDocumentaries: `/discover/movie?api_key=${API_KEY}&with_genres=99`,
+};
+
+export default requests;
+
+3. Run Project
+# Install dependencies
+npm install
+
+# Start frontend
+npm start
 
 Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+Open [http://localhost:3000](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.

firebase.json

@@ -1,4 +1,4 @@
-{
+ {
   "hosting": {
     "public": "public",
     "ignore": [