Swami Keshvanand Institute of
Technology,
Management & Gramothan
(SKIT)Industrial Training Presentation
On
MERN Stack Development
Presented By:
Name : Divyansh Jain
Roll No: 22ESKEC033 Submitted To:
Branch : ECE ECE Department
About Regex Software
Services
• REGex Software Services is devised to bring an extra
edge to Information Technology.
• We believe to transform your imagination into reality by
providing quality services & working on several
technologies like :
Big Data, Machine Learning, Artificial Intelligence, Data Science,
Python, Cloud computing(Aws & Azure), Linux, Devops, Dot Net,
Salesforce, MEAN and MERN Stack & many more based on
About My Project -
GrocerEase
• Project Name: GrocerEase
• Project Type: Online Grocery Shopping Website
• Tech Stack: MERN (MongoDB, Express.js, React.js, Node.js)
• Objective: Simplify online grocery shopping with a user-friendly interface,
seamless experience, and effi cient backend
Purpose and Objectives of My
Project
• Objective:
To create a streamlined, user-friendly online
platform for grocery shopping, making the process
more effi cient and accessible.
• Customer Convenience:
Enable users to shop for groceries from the comfort
of their homes, reducing time and effort.
• Market Relevance:
Address the growing demand for online grocery
shopping, particularly in the post-pandemic era.
• Scalability:
Design a system capable of handling a large volume
of users and transactions without compromising
performance.
• Learning Experience:
Apply and enhance my MERN stack skills by
developing a real-world application with practical
utility.
Technology Used --- Software
Technologies:
• Frontend: React.js for building the user interface, ensuring a
dynamic and responsive user experience.
• Backend: Node.js and Express.js for server-side development,
providing effi cient handling of user requests and data
processing.
• Database: MongoDB for managing and storing user and
product data, off ering scalability and flexibility with a NoSQL
approach.
• API Integration: Used RESTful APIs for smooth communication
between the frontend and backend, ensuring data consistency
and real-time updates.
• Version Control: Git and GitHub for collaborative
development and version tracking, ensuring code quality
and project management.
• Deployment: Deployed the application using Netlify for
frontend ensuring the application is accessible online.
Hardware:
• Development Environment: High-
performance laptops/desktops with a
minimum of 8GB RAM and multi-core
processors to handle development tasks
effi ciently.
• Servers: Cloud-based servers (AWS) for
hosting the backend services, providing
reliable uptime and scalability.
GrocerEase
Implementation and Methodologies
• Technology Stack:
◦ Front-end: React.js for dynamic user
interfaces.
◦ Back-end: Node.js with Express.js for building
robust APIs.
◦ Database: MongoDB for flexible, scalable
data management.
SOME SCREENSHOTS
New
Delhi
Delhi
Hathi
Gaon
Details For
Divyansh Jain
Delivery
wale
Hanumanji
SKIT, Joipur
G0 ru LPu Naharg am
Rd Fort y b221215
skit.ac.in
Alankar PC Girls
0 Haw
a
aha
l
Nirwana
College *S UM Hostel
EL
LA 302017
CityPar Jal The 9929206478
k Dhara Obero
Jaipur ftajvilas,
Jatp¿r
15/08/2024
(University. Hospit
3:00pm
Swami
Keshvanano Institute
of Technology..
Bhankrot
a
Dan.
«
Future Work
Feature • Mobile App
Enhancements: Development:
• Implement a
recommendation Extend functionality to mobile
engine for platforms by developing a
personalized grocery cross- platform mobile
suggestions based application.
on user behavior.
• Add a
subscription
Security Enhancements:
• Introduce multi-factor authentication and encrypted
payment gateways to improve user security.
AI & Automation Integration:
• Incorporate AI for smarter inventory management
and automated restocking.
CONCLUSION
• GrocerEase successfully addresses the need for a user-friendly
and efficient online grocery shopping experience.
• The project utilized modern technologies like the MERN stack to
ensure fast, responsive, and scalable performance.
• Through the development process, key concepts such as user
experience, scalability, and security were prioritized.
• Looking forward to enhancing features and scaling the project further
in future versions.
INTERNSHIP COMPLETION CERTIFICATE
Bibliograp
hy
• Offi cial Documentation:
◦ React.js: https://reactjs.org/docs/getting-started.html
◦ Node.js: https://nodejs.org/en/docs/
◦ Express.js:https://expressjs.com/en/starter/installing.html
◦ MongoDB: https://docs.mongodb.com/
• Development Tools:
◦ GitHub: https://guides.github.com/
◦ Netlify: https://docs.netlify.com/
• Gratitude to everyone who supported the
GrocerEase project and my learning journey.
• Special thanks to Regex Software Services, my
mentors.
