GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → karlhadwen → Netflix

karlhadwen / Netflix

Licence: mit
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactfirebasestyled-componentsnetflix

Projects that are alternatives of or similar to Netflix

Netflixclone
This app was made to teach android studio. It will be a little long series. Here tool that I will use to create a Netflix clone; Adobe illustrator; As a designer, I'm using Figma to make my designs (for icons, etc.) Firebase; I am going to use firebase as Backend-as-a-Service (BaaS). so what is Firebase? Firebase is a Backend-as-a-Service (BaaS) app development platform that provides hosted backend services such as a real-time database, cloud storage, authentication, crash reporting, machine learning, remote configuration, and hosting for your static files.
Stars: ✭ 38 (-96.97%)
Mutual labels:  netflix, firebase
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+248.17%)
Mutual labels:  firebase, styled-components
Road Beyond React App
🌈 The Road beyond React - Thing you can use after learning plain React.js
Stars: ✭ 108 (-91.39%)
Mutual labels:  firebase, styled-components
Moveit
🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
Stars: ✭ 39 (-96.89%)
Mutual labels:  firebase, styled-components
Push Notification Demo
Demonstrate how to receive notifications using Firebase
Stars: ✭ 82 (-93.46%)
Mutual labels:  firebase
Gatsby Starter Typescript Rebass Netlifycms
My default Gatsby setup. Includes rich MDX support.
Stars: ✭ 79 (-93.7%)
Mutual labels:  styled-components
Social App
A social app for Android, using Kotlin as language and Firebase as backend
Stars: ✭ 78 (-93.78%)
Mutual labels:  firebase
Horror
😱 React HTML elements with CSS-in-JS
Stars: ✭ 78 (-93.78%)
Mutual labels:  styled-components
Theme Builder
The theming system helps you in building a theme of your choice and apply it to test live. Why wait? Just give it a try.
Stars: ✭ 82 (-93.46%)
Mutual labels:  styled-components
Pollyjs
Record, Replay, and Stub HTTP Interactions.
Stars: ✭ 9,484 (+656.3%)
Mutual labels:  netflix
Square React Dashboard
👨‍🎤 React Dashboard Template built with TypeScript
Stars: ✭ 81 (-93.54%)
Mutual labels:  styled-components
React Starter
🚀 A minimal react boilerplate featuring easy-peasy state management and styled-components
Stars: ✭ 79 (-93.7%)
Mutual labels:  styled-components
Newspaper
An aggregated newspaper app containing news from 10+ local news publishers in Hong Kong. Made with ❤
Stars: ✭ 82 (-93.46%)
Mutual labels:  firebase
Waveforms
An interactive, explorable explanation about the peculiar magic of sound waves.
Stars: ✭ 1,218 (-2.87%)
Mutual labels:  styled-components
React Eyepetizer
react版「Eyepetizer」开眼短视频
Stars: ✭ 83 (-93.38%)
Mutual labels:  styled-components
Ionic Firebase Mega Starter
Mega Starter template for Ionic & Firebase Apps
Stars: ✭ 78 (-93.78%)
Mutual labels:  firebase
Firebase dart sdk
Unofficial Firebase Flutter SDK. Maintainer: @long1eu
Stars: ✭ 80 (-93.62%)
Mutual labels:  firebase
React Native Firebase
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
Stars: ✭ 9,674 (+671.45%)
Mutual labels:  firebase
Firegraph
GraphQL Superpowers for Google Cloud Firestore
Stars: ✭ 80 (-93.62%)
Mutual labels:  firebase
Jotify
Sticky notes reimagined - written in Swift
Stars: ✭ 79 (-93.7%)
Mutual labels:  firebase
View All Similar Projects ➔

Building Netflix from Scratch Using React (Custom Hooks, Context, Portals), Firebase, Compound & Styled Components (10 Hour Tutorial Here: https://www.youtube.com/watch?v=x_EEwGe-a9o)

This application (a Netflix clone) was built using React (Custom Hooks, Context), Firebase & Styled Components. I have built the following pages within this application: sign in, sign up, browse & 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.

I 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.

Subscribe 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!).

Preview

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].