- I used compound components pattern and styled-components both in this project. The project use Firebase for authenticationand and firestore. I like this project and the idea behind compound components. I put a lot of effort into it and I hope that you like it too.
- JavaScript, React, Styled-components, Compound-components, Firebase, CSS, HTML
Live Demo Link login information: email: demo@gmail.com pasword: demo123456
- I followed the Scrimba Netflix clone course. I learned how to use compound components. I think it's very useful on large projects. I like very much the idea of using styled components. In the next project, I'll definitely use it on the next project.
- Scalable folder structure
- How to make highly reusable components with Compound Component Pattern
- How to use styled-components
- Better undestanding of ReactJS
- Basic usage of Firebase authenticationand and firestore
Follow the steps below in order to run the project.
- Run the following commands from the terminal.
git clone git@github.com:emirsagit/netflix-clone.git
cd shopping-card
npm install
npm start
- Create a firebase project. Change firebase settings to enable email login. Create database on Firestore. After that, go to the project folder and change Firebase API settings according to the firebase account on the src/index.js file. Uncomment
seedDatabase(fireStore);
line on src/index.js file. Open the application and refresh it. Then delete seedDatabase line. Enjoy the project.
👤 Emir Sağıt
- GitHub: @emirsagit
- Twitter: @emirsagit
- LinkedIn: Emir Sağıt
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.