{"id":13403381,"url":"https://github.com/karlhadwen/netflix","last_synced_at":"2025-05-15T09:00:32.862Z","repository":{"id":37765866,"uuid":"254637277","full_name":"karlhadwen/netflix","owner":"karlhadwen","description":"Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React ","archived":false,"fork":false,"pushed_at":"2024-05-04T13:48:50.000Z","size":46683,"stargazers_count":2088,"open_issues_count":16,"forks_count":579,"subscribers_count":43,"default_branch":"master","last_synced_at":"2025-04-14T14:59:40.232Z","etag":null,"topics":["compound-components","custom-hooks","firebase","netflix","react","react-context","react-hooks","react-portals","styled-components"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/karlhadwen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":"2020-04-10T13:08:50.000Z","updated_at":"2025-04-13T22:21:41.000Z","dependencies_parsed_at":"2023-02-04T20:03:07.124Z","dependency_job_id":"32711225-d6a7-46b5-8aa3-e6e22b677c36","html_url":"https://github.com/karlhadwen/netflix","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karlhadwen%2Fnetflix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karlhadwen%2Fnetflix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karlhadwen%2Fnetflix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karlhadwen%2Fnetflix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/karlhadwen","download_url":"https://codeload.github.com/karlhadwen/netflix/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254310509,"owners_count":22049467,"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","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":["compound-components","custom-hooks","firebase","netflix","react","react-context","react-hooks","react-portals","styled-components"],"created_at":"2024-07-30T19:01:29.244Z","updated_at":"2025-05-15T09:00:28.485Z","avatar_url":"https://github.com/karlhadwen.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"## Building Netflix from Scratch Using React (Custom Hooks, Context, Portals), Firebase, Compound \u0026 Styled Components (10 Hour Tutorial Here: https://www.youtube.com/watch?v=x_EEwGe-a9o)\n\nThis application (a Netflix clone) was built using React (Custom Hooks, Context), Firebase \u0026 Styled Components. I have built the following pages within this application: sign in, sign up, browse \u0026 lastly the homepage. There are four different pages, some using protected routes with auth listeners. Firebase firestore handles all the data and that data is retrieved using a custom hook; authentication is used on all pages, which is handled by Firebase as well.\n\nI used compound components (just a design pattern) to build my components, and there's over 10 examples as to how these are used. The styling is all handled via styled components. Using compound components made my actual dumb components really easy to test.\n\nSubscribe to my YouTube channel here: http://bit.ly/CognitiveSurge where I build projects like this! And don't forget, you can contribute to this project (highly encouraged!).\n\n![Preview](netflix-preview.png?raw=true)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarlhadwen%2Fnetflix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkarlhadwen%2Fnetflix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarlhadwen%2Fnetflix/lists"}