kar-thee / equipRentsApp

equipRents - eCommerce FullStack MERN app where people can rent Things online without hassle deployed @netlify

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

equipRentsApp-client

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

App Link


User Credentials for App-Demo

ADMIN

email: admin@equiprents.com
password: admin

CUSTOMER

email: karthee@karthee.com
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.)

About

equipRents - eCommerce FullStack MERN app where people can rent Things online without hassle deployed @netlify

https://equiprents-app.netlify.app


Languages

Language:JavaScript 98.7%Language:HTML 0.7%Language:CSS 0.6%