Micro Center is a computer parts manufacturing website. Where anyone can visit and experience the Home, All Products, Blogs, Portfolio, and Login page. Logged in users can purchase products, add reviews, update their profile, pay for purchased products or cancel the ordered product. On the other hand, the admin can add new products, create new admin, manage products, manage customer ordered products, etc.

Project description:

• All pages have a navbar, and footer
• Home page for banners, featured products, summary, limited edition product, upcoming products category, and latest review.
• Products page for all the DB items.
• Blogs page for questions answers.
• Portfolio page have my information.
• All users can update profile.
• 404 page for the wrong URL.

LIVE SITE

Framework/Library used on the client side:

• npm install firebase
• npm install react-router-dom@6
• npm install react-bootstrap bootstrap
• npm install --save react-firebase-hooks
• npm i react-helmet-async
• npm install react-hook-form
• npm install react-hot-toast
• npm install --save @stripe/react-stripe-js @stripe/stripe-js
• npm install sweetalert2
• npm i react-query

Every logged in user:

• Can order products.
• Ordered products can be cancel or payable.
• Can add new reviews.

Every logged in Admin:

• Can add and manage products.
• Manage customer ordered products.
• Can make new admin.

GitHub (CLIENT)

Framework/Library used on the server side:

• npm init -y
• npm install -g nodemon
• npm i express cors mongodb dotenv
• npm i jsonwebtoken
• npm install --save stripe

GitHub (SERVER)