palakxdev / electro-max-client

🚀 Author:

Hi, I'm Palak! 👋

Short Description:

This is an inventory management website. Here are some inventory items with detailed information. A registered user can update the items' stock. The user can update the stocked item quantity by increasing or decreasing. Also, users can add their own items by using the add item route. Then the user can see their added item in the My Items route, and they have the ability to delete their added item.

The user can register using the Google sign-in method or the email password-based sign-in method.

There is also a route called Manage Inventories. The user will see all the inventory items there, and they can delete any item they want.

To see the live website: Click Here

Features

👉 Dynamic content rendered using React components

👉 Protected route with user authentication

👉 Responsive design for optimal user experience on all devices

👉 User authentication and authorization

👉 Clean, organized codebase using modern JavaScript and React best practices

👉 The MongoDB database used to store the data.

Built With

• ReactJS - JavaScript library for building user interfaces
• Bootstrap - CSS framework for responsive design
• React bootstrap - CSS framework for responsive design
• React countup - A configurable React component for countup system
• React slick and slick carousel - For a different, responsive and attractive carousel creation
• Sweetalert - For responsive and attractive user interface (alert modal)
• React scrool trigger - React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport.
• Google firebase - Authentication system for users to sign in and register
• React firebase hooks - Authentication system for users to sign in and register
• React icons - To utilize ES6 imports that allow us to include only the icons that our project is using
• React toastify - To show the user different messages and increase user experience

Tech Stack

Client: HTML5, CSS3, JavaScript, React, Bootstrap, React bootstrap

Server: NodeJS, Express, MongoDB

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run start

Environment Variables

To run this project, you will need to add the following environment variables to the .env.local file

apiKey

authDomain

projectId

storageBucket

messagingSenderId

appId

Screenshots

Feedback

If you have any feedback, please reach out to me at [email protected]

🔗 Links: Reach me out