Micro Center

https://micro-center-official.web.app/

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.

Framework/Library used:

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

Site 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.

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.

Thank you.🙂