equipRentsApp-client

a frontend application using Reactjs (part of full Stack MERN Application - equipRentsApp)

App Link

https://equiprents-app.netlify.app/

User Credentials for App-Demo

ADMIN

email: [email protected]

password: admin

CUSTOMER

email: [email protected]

password: password

Backend Repo Link

Express(NODEjs) server with mongodb - https://github.com/kar-thee/equipRents-server

App Features

Landing Page

Store

Cart

ContactUs page

Account Mgmt pages

EquipRentsApp - everything to know

This is a Equipment lending/renting E-commerce Platform developed using MERN stack

All User Interactions :

Regular User (user without loggingIn)

This kind of User can access Store and even can make purchase without registering UserInfo

All purchases made by this User, can be accessed by them later in the app by signingUp with same emailId used for Purchase before.

This user can send messages to the AppOwner/Admin via ContactUs Page

Registered User (user after loggedIn)

This User can get access to regular Store and also Personal Account Management pages (Profile and Orders)

Profile Page - Displays Personal Info according to the user

Orders Page - Displays All the Orders/Purchase made by the user with the same Email Id used for LoggingIn

This user can also send messages to the AppOwner/Admin via ContactUs Page

Admin User (use the admin Credentials provided above)

This User has Predominant access to this Application

Responsibilities of ADMIN

Orders Management Page - here Admin user can check all orders made by customers with access to their ProductCart details, OrderTotal, orderID, PaymentStatus and Customer EmailId

Query Ticket Management (Support Ticket) Page - here Admin can reply back to the customers who made enquiry via contactUs Page. Reply by admin is sent as a Email to the Customer who enquired before, Can manage All query/Support Tickets here

Product CRUD page - here Admin user can manage All products available in the Store. Can Create new Products by using Amazon-S3 for storing images, Can Update Product Information, Can Delete Product (NOT YET IMPLEMENTED IN THIS FRONTEND REPO FOR SAFETY PURPOSES-preventing Loss of Data) and Finally READ/List All Product Information

Additional Info :

Created 325+ Products in 12 different Sections across various categories(as of Feb 05 2022)

All Product Images are stored in Amazon S3 Bucket (login as ADMIN and create new product to experience AMAZON-S3 integration)

Integrated RazorPay Payment-gateway with Test Mode, Visit App and place an order to experience RazorPay-PaymentGateway Integration

App built with mui-V5 (materialUI V5) components and also added Carousel in LandingPage using react-responsive-carousel library

Since Store has 325+ products, added React-Lazy Loading of Images and components for increasing Efficiency of App (after visiting store page, open devTools and go to network tab and watch how each and every image url request is made for every mouse scrolling near that component.)