{"id":22990110,"url":"https://github.com/akashdeep023/netflix_gpt","last_synced_at":"2025-10-08T02:06:24.985Z","repository":{"id":227129121,"uuid":"765290975","full_name":"akashdeep023/Netflix_Gpt","owner":"akashdeep023","description":"Netflix_Gpt: Your Ultimate Movie Companion!","archived":false,"fork":false,"pushed_at":"2024-11-06T20:07:01.000Z","size":350,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T06:23:48.587Z","etag":null,"topics":["ai","api","component","create-react-app","css","custome-hooks","firebase","firebase-authentication","forgot-password-email","frontend","html","javascript","react","redux","redux-toolkit","responsive","tailwindcss","tmdb-movie"],"latest_commit_sha":null,"homepage":"https://netflix-gpt-jack.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akashdeep023.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-29T16:32:40.000Z","updated_at":"2024-11-06T20:07:05.000Z","dependencies_parsed_at":"2024-11-06T21:17:58.651Z","dependency_job_id":"4408321f-005e-4f6c-95fc-19ea8efa545b","html_url":"https://github.com/akashdeep023/Netflix_Gpt","commit_stats":null,"previous_names":["akashdeep023/netflix_gpt"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/akashdeep023/Netflix_Gpt","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FNetflix_Gpt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FNetflix_Gpt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FNetflix_Gpt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FNetflix_Gpt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akashdeep023","download_url":"https://codeload.github.com/akashdeep023/Netflix_Gpt/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FNetflix_Gpt/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278877092,"owners_count":26061381,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","api","component","create-react-app","css","custome-hooks","firebase","firebase-authentication","forgot-password-email","frontend","html","javascript","react","redux","redux-toolkit","responsive","tailwindcss","tmdb-movie"],"created_at":"2024-12-15T04:32:09.891Z","updated_at":"2025-10-08T02:06:24.967Z","avatar_url":"https://github.com/akashdeep023.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Netflix-GPT: Your Ultimate Movie Companion! 🚀\n\n\u003cp align=\"center\"\u003e\n  \u003cb style=\"color: blue;  \"\u003eVisitor count\u003c/b\u003e\n  \u003cbr\u003e\n  \u003ca style=\"\" href=\"https://github.com/akashdeep023\"\u003e\n  \u003cimg src=\"https://profile-counter.glitch.me/netflix-gpt/count.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003ca style=\"\" href=\"https://netflix-gpt-jack.vercel.app/\"\u003e\n  \n![netflix-gpt](https://github.com/user-attachments/assets/9e253acb-ed38-4240-884a-53bcf10831d3)\n\n\u003c/a\u003e\n\n---\n\n## Table of Contents\n\n-   [Project Overview](#project-overview)\n-   [Technologies \u0026 Packages Used](#technologies--packages-used)\n-   [Key Features](#key-features)\n-   [Behind the Scenes](#behind-the-scenes)\n-   [Getting Started](#getting-started)\n-   [Acknowledgments](#acknowledgments)\n-   [Author](#author)\n-   [Project Link](#project-link)\n-   [Thank You](#thank-you)\n-   [Creating a Netflix-gpt project involves several steps](#creating-a-netflix-gpt-project-involves-several-steps)\n-   [Ex- Image](#ex--image)\n\n## Project Overview\n\nGreetings, movie lovers! 👋 Welcome to Netflix-GPT, a state-of-the-art movie recommendation website powered by the GPT (Generative Pre-trained Transformer) model and Firebase.\n\n## Technologies \u0026 Packages Used\n\n-   **React:** Powering the interactive and user-friendly interface.\n-   **Firebase:** Handling user authentication, data storage, and more.\n-   **OpenAI:** Leveraging the GPT model for sophisticated movie recommendations.\n-   **React Router DOM:** Enabling smooth navigation and user-friendly routing.\n-   **React-Redux:** Managing application state efficiently.\n-   **React-Toastify:** Adding beautiful notifications for enhanced user interaction.\n-   **Tailwind CSS:** Crafting a visually appealing and responsive design.\n\n## Key Features\n\n-   **Dynamic Recommendations:** Leverage advanced machine learning for personalized movie suggestions based on your viewing history.\n-   **Account Management:** Seamlessly update your profile, delete your account, and reset your password.\n-   **Smart Search:** Effortlessly find movies by title, actor, or genre with real-time updates as you type.\n-   **Responsive Design:** Enjoy a seamless experience across all devices, from desktops to smartphones.\n-   **Login with Email or Password:** Securely access personalized movie recommendations by logging in with your email and password.\n\n## Behind the Scenes\n\n-   **React:** Powering the interactive and user-friendly interface.\n-   **Firebase:** Managing user authentication, data storage, and more.\n-   **OpenAI:** Leveraging the GPT model for sophisticated movie recommendations.\n-   **React Parcel:** Streamlining bundling, fast refresh, JSX support, and code splitting.\n-   **React Router DOM:** Facilitating smooth navigation and user-friendly routing.\n-   **React-Toastify:** Incorporating beautiful notifications for enhanced user interaction.\n\n## Getting Started\n\nFollow these steps to get started with Netflix-GPT:\n\n1.  **Clone the Repository:**\n    ```bash\n    git clone https://github.com/akashdeep023/Netflix_Gpt.git\n    cd Netflix_Gpt\n    ```\n2.  **Install Dependencies:**\n\n    ```bash\n    npm install\n    ```\n\n3.  **Set Up Environment Variables:**\n\n    Configure the following environment variables by creating a .env file in the root of your project:\n\n    ```bash\n    REACT_APP_MOVIES_OPTIONS=\n    REACT_APP_OPENAI_KEY=\n    REACT_APP_FIREBASE_API_KEY=\n    REACT_APP_FIREBASE_MESSAGING_SENDER_ID=\n    REACT_APP_FIREBASE_APP_ID=\n    REACT_APP_FIREBASE_MEASUREMENT_ID=\n    ```\n\n    Replace the values with your specific configurations.\n\n4.  **Run the Application:**\n\n    ```bash\n    npm start\n    ```\n\n5.  **Open in Your Browser:**\n\n    Open http://localhost:3000 in your web browser.\n\n## Acknowledgments\n\nSpecial thanks to Akshay Saini 🚀 for his invaluable guidance. His teaching approach, fostering curiosity and a deep understanding of each line of code, has played a pivotal role in my learning experience. Kudos! 🙌🌈\n\n## Author\n\nAkash Deep \\\nEmail: contact.akashdeep023@gmail.com \\\nLinkedIn : https://www.linkedin.com/in/akashdeep023/\n\n\n## Thank You\n\nThank you for exploring Netflix-GPT! Your feedback is valuable. If you have any suggestions or thoughts, feel free to share them with us. 😊\n\n---\n\n---\n\n## Creating a Netflix-gpt project involves several steps\n\n-   Create React App\n-   Configured TailwindCSS\n-   Header\n-   Routing of App\n-   Login Form\n-   Sign up Form\n-   Form Validation\n-   useRef Hook\n-   Firebase Setup\n-   Deploying our app to production\n-   Create SignUp/SignIn User Account\n-   Implement Sign In user Api\n-   Created Redux Store with userslice\n-   Implemented Sign out\n-   Update Profile\n-   BugFix: Sign up user displayName and profile picture update\n-   BugFix: if the user is not logged in Redirect /browse to Login Page and vice-versa\n-   Unsubscibed to the onAuthStateChanged callback\n-   Add hardcoded values to the constants file\n-   Regiter TMDB API \u0026 create an app \u0026 get access token\n-   Get Data from TMDB now playing movies List API\n-   Custom Hook for Now Playing Movies\n-   Create movieSlice\n-   Update Store with movies Data\n-   Planning for MainContauiner \u0026 secondary container\n-   Fetch Data for Trailer Video\n-   Update Store with Trailer Video Data\n-   Embedded the Yotube video and make it autoplay and mute\n-   Tailwind Classes to make Main Container Look awesome\n-   Create Some Custom Hook for Movies\n-   Update moviesSlice\n-   Update Store with new movies Data\n-   Create Secondary container\n-   Add some styles\n\n---\n\n## Ex- Image\n\n**SignUp Page**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/ccd57bba-87ff-4d6b-a5a7-14695c2318a3)\n\n**LogIn Page**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/dd8738b3-daa1-43b5-a9b0-54cc2bd7c89c)\n\n**Footer Page**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/b1c08d9a-757d-4564-87bd-895d617903d5)\n\n**Multilanguage Feature**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/ac186b0b-a83a-4adb-9512-1a4de0d8475f)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/9a88d675-3dff-46f8-a1a1-5b3e812ce6b5)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/b75acc64-dab1-4eba-9b42-135aa6ee4243)\n\n**Home Page**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/54296d7f-6c0a-41c4-a7b0-2bee39a3e283)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/a31589b1-ecf4-466f-8a71-f1e1b6436d45)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/cbefe1a3-d66b-49a9-8c60-a82dad4b62e1)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/22ce7f07-33ae-498b-b923-f8cd21172cdd)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/0f1cf49d-05b7-4ed5-89ca-edd6f7437dc8)\n\n**Search Page**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/97d1727c-48ca-4d00-9434-4f0f783c7c99)\n\n**Movie InfoBox**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/345a2ec9-d024-4ee4-9488-085a48685569)\n\n**Movie Trailer**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/222b1b2a-d640-452f-a946-95c98c84553a)\n\n**Confirmation Box**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/17e9375b-70ec-462b-b5a1-688a001f480a)\n\n**Forgot Password Box**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/cc2c4cb4-688e-453a-a2ef-1febd66c6abf)\n\n**Alert Msg**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/2d48f013-e951-4dc7-a902-baaeb52e4dac)\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/4715919b-7f15-47af-9a70-d7296c169f36)\n\n**Shimmer**\n\n![image](https://github.com/akashdeep023/Netflix_Gpt/assets/126412088/85499720-c162-47f4-b730-1f7f35db0ad4)\n\n### Thanks for visit... 😊😊😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashdeep023%2Fnetflix_gpt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakashdeep023%2Fnetflix_gpt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashdeep023%2Fnetflix_gpt/lists"}