In this video, we are going to build Amazing Clone with the help of React , Redux-Thunk, Firebase and Stripe. I will also cover full firebase authentication in the Project with Redux-Thunk only. Payment process we are going to build with Stripe. We will be also focusing on Improving Application performance with the help of Lazy Loading. So, there is lot of stuff to learn from this video.
Following pages Include in this Amazon Clone project.
- Login Page
- Register Page
- Home Page
- Single Product View Page
- Checkout Page
- Payment Page
- Orders Page
Below is timestamp
0:00 Introduction
0:27 Application Demo
5:49 Set-up firebase
10:44 Creating react project
17:19 Configure firebase in React App
21:38 Set-up Route in React App
26:53 Working on Header component
42:19 Working on Home page
01:30:10 Working on Login Page
01:40:33 Working on Register Page
01:49:32 Set-up Redux in React App to Inject Authentication
02:17:27 Injecting Login with Redux-thunk
02:34:08 Fixing login state on App reload
02:39:28 Injecting Logout with Redux-thunk
02:48:29 Add to Basket with Redux
02:56:39 Working on Single Product View Page
03:13:59 Working on Checkout Page
03:46:09 Remove item from Basket with Redux
03:53:29 Working on Payment
04:07:09 Set-up Stripe in our App
04:13:59 Set-up cloud function in our Project
04:19:03 Continue working on Payment Page
04:32:43 Writing the Backend logic for Payment
04:55:33 Working on Orders Page
05:13:33 Improving Application Performance using Lazy Loading
Github link for css styles, images and mock data :- https://github.com/trickjsprogram/amazon-resource
If you having the issue to add emoji then you can watch the below video:-
https://www.youtube.com/watch?v=s4uv1l5kf28
If you like the content then please Hit Like Button & Subscribe my Channel as well.
You can also support me with https://www.patreon.com/codewithvishal
#react #firebase
