Joanne  Bauch

Joanne Bauch

1626233340

React Firebase tutorials #1 Write/Create Data to Firestore

In this video series you can learn how to use Firebase with React.

What we will cover

1- Reactjs
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
(part 4)

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

#firebase #react

React Firebase tutorials #1 Write/Create Data to Firestore