This project is cloning Amazon website by using React.
I used firebase.auth()
using firebase package. firebase.auth().signInWithEmailAndPassword(email, password)
made it easy to setting the login page much easier.
When the user click create account button, the webpage will be transferred to register page.
I also used firebase.auth()
for registration. firebase.auth().createUserWithEmailAndPassword(email, password)
makes user to register their account just with email and password.
When the user login successfully, it will show home page which contain header, image slider and product cards. I used react-slick
for image slider.
When the user click "Add to Basket" button, the product will be added to the basket.
In the checkout page, it will show some products that user selected.
When the user clicks "Remove from basket" button, the selected product will be deleted from the basket. I used react-flip-move
to add some animation for removing checkout products.
In the payment page, the user can see the product card which will be purchased. I also used stripe which help the user to purchase the product. It requires card number, expiry date and CVC number.
The order page will show the products that user purchased.
I used firestore from firebase by using firebaseApp.firestore()
. Firestore makes it easier to bring the data stored in firebase.
firebase init
: Initializing firebase. The base root should be build folder.
npm run build
: Build the application.
firebase deploy
: Deploy the application through Firebase.