Amour E-commerce Clothing Application (Front-end)

• A well-designed MERN(MongoDB, Express.js, React, Node.js) Stack Application E-Commerce website in clothing fashion inspired by Reserved.

• For more information about the back-end, please check this.

• Live demo

notice : The deployed app has some features that are not working properly due to the limitation of the free hosting site (E.g: persist logged-in user data, authenticate with Google, etc..., read more at https://devcenter.heroku.com/articles/cookies-and-herokuapp-com). To test the project, try to clone the project.

Installation and Setup Instructions

1. Clone the app

git clone [email protected]:vynmetropolia/ecommerce-app-client.git

2. Installation:

npm install

3. To Start App:

npm run dev

Technology used

• TypeScript
• React
• Redux, Redux-thunk, Redux-Saga
• Formik
• Prettier
• ESLint
• React-router-dom
• jsonwebtoken
• Pre-commits check for clean code with Husky, Lint-staged

The list of my application features:

✅   List the products by category

✅  Search products by name

✅   Persist data of anonymous user to local storage

✅   Authenticate user by two ways: traditional way and google service

Logged-in user:

✅  1. Login, register

✅   2. Update profile

✅   3. Change password

✅  4. Forgot password request

✅   5. Add Item to cart (increase, decrease quantity)

Admin:

✅  More privileges (Add, delete, update product)

fast-demo

Screenshots

• Women category

• Find by name

Admin