HARMIC - project details

HARMIC is a grocery warehouse website. Where anyone can visit and experience the Home, All Items, Blogs, and Login page. On the other hand, Logged in user can Manage the Items of the website, can change the quantity, delete items, add new Items, can see users uploaded a.k.a. Add Items on My Items, etc.

Project description:

  • All pages have a navbar, and footer
  • Home page for banners, arrival items, pride, and trusted suppliers section.
  • All Items page for all the DB items.
  • Blogs page for questions answers.
  • Add Item page for adding new items by a logged-in user.
  • Manage the Items page for showing all the items in table form and delete the item which only can be seen and deleted by a logged-in user.
  • My Items page for showing that particular logged-in user all the items in table form and have the delete option.
  • Have a login and register page.
  • Users can sign in and register with email, Google, and GitHub.
  • 404 page for the wrong URL.

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 install --save react-toastify
  • npm i react-helmet-async
  • npm install react-hook-form
  • npm install react-hot-toast

Framework/Library used on the server side:

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