{"id":21389937,"url":"https://github.com/seundede/netflix-clone","last_synced_at":"2026-04-11T07:02:32.199Z","repository":{"id":162303674,"uuid":"487983140","full_name":"Seundede/Netflix-clone","owner":"Seundede","description":"This is a movies application which displays movie data based on categories, and extensive details like trailers of each movie. It fetches data from The Movie DataBase API and is implemented using Typescript, Next JS, Tailwind, Recoil ","archived":false,"fork":false,"pushed_at":"2022-08-11T00:33:23.000Z","size":118,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T13:14:57.341Z","etag":null,"topics":["firebase","nextjs","recoil","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://netflix-cloneed.vercel.app","language":"TypeScript","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/Seundede.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":"2022-05-02T20:34:36.000Z","updated_at":"2023-03-07T03:41:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"82bcc3eb-1cf8-486d-8aa8-5a0c8fbb1fe4","html_url":"https://github.com/Seundede/Netflix-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Seundede/Netflix-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seundede%2FNetflix-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seundede%2FNetflix-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seundede%2FNetflix-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seundede%2FNetflix-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Seundede","download_url":"https://codeload.github.com/Seundede/Netflix-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seundede%2FNetflix-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31671630,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["firebase","nextjs","recoil","tailwindcss","typescript","vercel"],"created_at":"2024-11-22T13:14:34.199Z","updated_at":"2026-04-11T07:02:32.184Z","avatar_url":"https://github.com/Seundede.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Netflix Clone\n\nThis is a movies application which displays movie data based on categories, and extensive details like trailers of each movie. It fetches data from The Movie DataBase API and is implemented using Typescript, Next JS, Tailwind, Recoil \n\n\n![readmeImage](https://user-images.githubusercontent.com/63148200/184045681-eab5f0b5-31ff-478f-9721-b721616d88cf.png)\n\n\n## Technology stack\n\n- Typescript\n- Next JS\n- Recoil\n- Firebase\n- Vercel (deployment)\n\n## Dependency\n\n- Reck hook form\n- React player\n- React icons\n\n## Getting started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n## Prerequisites\n\nThe following software is required to be installed on your system:\n- Node \n- Npm \n\nType the following commands in the terminal to verify your node and npm versions\n```bash\nnpm -v\nnode -v\n```\n1. Clone the repo\n```bash\ngit clone https://github.com/Seundede/Netflix-clone.git\ncd Nextjs Netflix-clone\n```\n2. Install the dependencies\n```bash\nnpm install\n```\n3. Create a new firebase project and fill in  the required information in firebase.js file.\n```bash\n  apiKey: \"\",\n  authDomain: \"\",\n  projectId: \"\",\n  storageBucket: \"\",\n  messagingSenderId: \"\",\n  appId: \"\",\n```\n4. Create a .env file in your root directory and input API key for TMDB site. \n```bash\nNEXT_PUBLIC_API_KEY=\n```\n5. Start the development server\n```bash\nnpm run dev\n```\n5. This will open the website in your browser on http://localhost:3000\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseundede%2Fnetflix-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseundede%2Fnetflix-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseundede%2Fnetflix-clone/lists"}