Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vedanthb/le-netflix
This is Netflix clone made with React for frontend, Firebase to store the data and authentication and styled-components for styling. React Testing Library for tests (90% + Coverage )
https://github.com/vedanthb/le-netflix
firebase-auth firebase-database react styled-components
Last synced: about 1 hour ago
JSON representation
This is Netflix clone made with React for frontend, Firebase to store the data and authentication and styled-components for styling. React Testing Library for tests (90% + Coverage )
- Host: GitHub
- URL: https://github.com/vedanthb/le-netflix
- Owner: VedanthB
- Created: 2021-08-14T20:56:21.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-26T00:44:23.000Z (over 3 years ago)
- Last Synced: 2025-01-01T17:13:15.701Z (about 2 months ago)
- Topics: firebase-auth, firebase-database, react, styled-components
- Language: JavaScript
- Homepage: https://le-netflix.vercel.app/
- Size: 18.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# le-netflix
Netflix clone ๐ฅ ๐ฑ ๐ฏ
- This React project has multiple pages: Home, Browse (which uses Firebase authentication), sign in, and sign up.
- -The sign in will connect to Firebase when a user tries to sign in, and when a user signs up, we use Firebase auth to store the user in the Firebase auth database.
- 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.
- I built this app using React and uses Styled Components for all the styling
- .Fuse.js for live search,
- and all ๐งช Tests for all our components using React Testing Library. And of course React router for navigation!## Tech stack: React , Styled Components , Firebase , React Testing Lib for testing (90% + coverage)