Skip to content

Full stack e-commerce website that replicated Amazon.ca, including user authentication, order history, and secure payment processing with debit/credit cards.

Notifications You must be signed in to change notification settings

tanmpham/amazon-fullstack

Repository files navigation

Welcome to my fullstack Amazon React page.

This app has the Home page, User Authentication, Checkout page, Secured Online Payment using Stripe, and Orders History page using Firestore.

Technologies implemented:

React

Firebase

TypeScript

VSCode

Stripe


Here are the libraries integrate with the app:

Initialize app with tailwind

npx create-react-app amazon-clone-ts --template typescript
cd amazon-clone-ts
npm install -D tailwindcss
npx tailwindcss init

Dependencies

npm i @mui/icons-material @mui/material @emotion/styled @emotion/react react-router-dom
npm i react-currency-format --force
npm i @types/react-currency-format

https://firebase.google.com/docs/web/modular-upgrade#update_imports_to_v9_compat

npm i firebase@latest

https://github.com/joshwcomeau/react-flip-move

https://github.com/stripe/stripe-node

npm i @stripe/stripe-js
npm i @stripe/react-stripe-js

https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/forms_and_events/

npm i axios
npm i moment

Deploy Firebase function

firebase deploy --only functions

About

Full stack e-commerce website that replicated Amazon.ca, including user authentication, order history, and secure payment processing with debit/credit cards.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published