In this video series you can learn how to use Firebase with React.
What we will cover
2- Firebase Storage
3- Firebase Firestore
4- Framer-Motion (An animation library for Reactjs)
For the purpose of this tutorial, we are making a simple application where we will add our ecommerce products in our React App using a form.
If you are making an ecommerce site then you may come to a stage where you need to import your products through a form in your website. For that you need a backend and for this series we will use Firebase as a backend service.
This series is about ‘How you can add products in your React site using Firebase’. This series is 4 parts long.
React is used as frontend
Firebase firestore is used to store product information
Firebase storage is used to store images
Framer-Motion is used for animations
Files without animation: https://github.com/HamzaAnwar1998/How-to-add-products-in-your-ecommerce-site-using-firebase
(The files consist of part 1 to part 3)
Files with animations: https://github.com/HamzaAnwar1998/How-to-add-products-in-your-ecommerce-site-using-firebase/tree/finalfiles
Fragments - AERØHEAD https://soundcloud.com/aerohead
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: https://bit.ly/al-fragments
Music promoted by Audio Library https://youtu.be/O7PzeUTESAA