an196 / client-minishop

Package

Structure

Framework and library

• Reactjs
• Nextjs
• Redux (Redux-toolkit, rtk query)
• Tailwindcss

Description

• This is client application for minishop project.
• A small shop sells not a lagre number of products.
• The products is selled like: speaker, headphone, earphone, accessories... and something like that

• About app:

  • Show the products is beset.
  • Show banner with a product most sale.
  • Show infomation of each product.
  • List category.
  • Show suggest products along category.
  • Allow user register account.
  • Allow user manage their profile: avatar, usename, gender, birthday, country, email, password.
  • Authenticate when user checking out cart.
  • Checkout
  • Search products along keyword.
  • User can visit app with various of device
  • View cart in independence page.

Installation

to install peer package

npm install --legacy--peer-deps

to build

npm run build 

to start on product enviroment

npm start 

to start on development enviroment

npm run dev 

Features

• Authentication for user.
• Debouce search
• Validation resgister form and login form.
• Register account.
• Add multi-products into cart with number of each product
• Remove product from cart
• Checkout with stripe
• Toast notification
• Use opt for changes: password, email
• Change avatar with image can crop
• Change profile user 's personal infomation.
• Persist login when refresh browser
• Private router.
• Sort products along newdest, oldest, price.
• Responsive on multi-devices.

client-minishop's Issues

anle - create category navbar

anle - handle humberger button when responsive at midium service

handle humberger button when responsive at midium service

anle - create search box