E-commerce Service App - Design of Amazon-Clone
This app has no copyrights reserved, I've done it simply because I like the web design and seek to recreate it :)
| Highlights | Description |
|---|---|
| Responsive Design: | The App is scalable with width and height change |
| User Authentication: | User are allowed to create accounts and store order information within their accounts |
| Product Select and Viewing: | User could select certain product and store it in or remove it from the Shopping Basket for further checkout |
| Items Check-out Functionality: | Check-out Page allows User to purchase item with certain card information (provided by Stripe [1]) |
| Orders Review After Check-out: | All users and every user's order information has been stored in Firestore Database [2] and accessible for Order Review |
| Single-Page-App Build: | All Component Switch is performed without page refresh with React-Router-Dom [3] |
| Syntax | Description |
|---|---|
| Library | React.js with Hooks/Function Component/Context API (State Management) |
| Languages | Javascript/CSS in BEM[4] /HTML |
| Code Editor | Visual Studio Code |
| Hosting | Firebase Hosting Service |
| Database | Cloud Firestore by Google |
- All code for this project could be found in the 'src' folder.
[1] Stripe is an online payment processing infrastructure with APIs to accept payments and send payouts. ↩
[2] [Firestore by Google] (https://firebase.google.com/docs/firestore) is a popular flexible, scalable NoSQL cloud database to store and sync data for client- and server-side development. ↩
[3] React-Router-Dom allows your applications to jump between various components easily with specified domains. ↩
[4] BEM refers to the Block, Element, Modifier methodology which allows code to be scalable and reusable. ↩