Giter Club home page Giter Club logo

kar-thee / equiprentsapp Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.73 MB

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

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

HTML 0.68% JavaScript 98.74% CSS 0.58%
react material-ui aws-sdk-javascript aws-s3 react-lazyload react-responsive-carousel ecommerce-application emotion-react react-router-v6 razorpay-payment payment-gateway payment-integration react-hooks

equiprentsapp's Introduction

equipRentsApp-client

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

App Link


User Credentials for App-Demo

ADMIN

password: admin

CUSTOMER

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

equiprentsapp's People

Contributors

kar-thee avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.