A

Summer Internship Report

On
"Ecommerce in MERN Stack"
(IT446 – Summer Internship - II)

Prepared by
Brijen Movaliya (21IT089)

Under the Supervision of

Prof. Mikin Patel

Submitted to
Charotar University of Science & Technology (CHARUSAT)
for the Partial Fulfillment of the Requirements for the
Degree of Bachelor of Technology (B.Tech.)
for Semester 7

Submitted at

Accredited with Grade A+ by NAAC

Accredited with Grade A by KCG

SMT. KUNDANBEN DINSHA PATEL DEPARTMENT OF

INFORMATION TECHNOLOGY

Chandubhai S. Patel Institute of Technology (CSPIT)

Faculty of Technology & Engineering (FTE), CHARUSAT
At: Changa, Dist: Anand, Pin: 388421.
August, 2024
 Accredited with Grade A+ by NAAC
Accredited with Grade A by KCG

CERTIFICATE

This is to certify that the report entitled “Web Development” is a bonafied work
carried out by 21IT089 under the guidance and supervision of Prof. Mikin Patel &
Mr. Vaibhav sudani for the subject Summer Internship – II (IT446) of 7th Semester
of Bachelor of Technology in Department of Information Technology at
Chandubhai S. Patel Institute of Technology (CSPIT), Faculty of Technology &
Engineering (FTE) – CHARUSAT, Gujarat.

To the best of my knowledge and belief, this work embodies the work of candidate
himself, has duly been completed, and fulfills the requirement of the ordinance relating
to the B.Tech. Degree of the University and is up to the standard in respect of content,
presentation and language for being referred by the examiner(s).

Under the supervision of,

Prof. Mikin Patel Mr. Vaibhav Sudani

Assistant Professor of IT Managing Director
Smt. Kundanben Dinsha Patel Department of Information Technology
Information Technology lyrical.ly
CSPIT, FTE, CHARUSAT, Changa, Gujarat

Dr. Parth Shah

Head of Department (IT)
CHARUSAT, Changa, Gujarat.

Chandubhai S. Patel Institute of Technology (CSPIT)

Faculty of Technology & Engineering (FTE), CHARUSAT
At: Changa, Ta. Petlad, Dist. Anand, Pin: 388421. Gujarat.
21IT089 ACKNOWLEDGEMENT

ACKNOWLEDGEMENT

I would like to express my heartfelt gratitude to all those who have contributed to the successful
completion of this internship report.

First and foremost, I extend my sincere appreciation to my internship supervisor, Prof. Mikin
Patel, for their guidance, support, and valuable insights throughout the internship period. Their
expertise and mentorship were instrumental in shaping my understanding of the field and
assisting me in achieving the goals of this internship.

I am also indebted to the entire team at Lyrical.ly for providing me with an enriching and
stimulating work environment. Their unwavering support, willingness to share knowledge,and
collaborative spirit greatly enhanced my learning experience.

I would like to acknowledge the faculty and staff at CSPIT for their continuous encouragement
and assistance. Their academic expertise laid a solid foundation for my internship, enabling me
to apply theoretical knowledge to real-world scenarios effectively.

Additionally, I extend my appreciation to my colleagues and fellow interns, who made the
workplace an enjoyable and collaborative space. Their camaraderie and shared experiences
enriched my internship journey.

Furthermore, I would like to express my gratitude to my friends and family for their
unwavering support, understanding, and encouragement throughout this internship. Their
belief in my abilities and their motivation played a crucial role in keeping me focused and
motivated.

Lastly, I would like to express my gratitude to the readers of this report for their interest and
attention. I hope that the insights and experiences shared in this report will be beneficial and
contribute to the understanding of the internship process and its outcomes.

Thank you to everyone who has contributed to my growth and development during this
internship journey. Your support and guidance have been invaluable, and I am truly grateful
for the opportunities and knowledge gained.

Sincerely,
Brijen
Movaliya

CSPIT i Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 ABSTRACT

ABSTRACT

This internship report provides a comprehensive overview of the technology training program
focused on MERN Stack. The report outlines the objectives, methodology, and outcomes of
the training, highlighting the practical experience gained during the internship period.

The report begins by explaining the importance of MERN Stack as a popular content
management system and its relevance in the digital landscape. It then delves into the training
program, whichencompassed various aspects of MERN, including website development.

The methodology involved a combination of theoretical learning, hands-on exercises, and

practical projects. The report emphasizes the significance of collaborative learning, workshops,
and mentorship in enhancing the trainee's technical skills and understanding of NodeJs.

Furthermore, the report discusses the challenges encountered during the internship, such as
troubleshooting issues, managing project timelines, and adapting to evolving industry trends.
It explores the strategies employed to overcome these challenges, including effective
communication, proactive problem-solving, and continuous learning.

The outcomes of the internship are also discussed, showcasing the trainee's increased proficiency in
MERN Stack and the successful completion of assigned projects. The report concludes by
highlighting the value of the internship experience in equipping the trainee with practical
MERN Stack expertise and preparing them for future endeavors in web development and
contentmanagement.

CSPIT ii Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 DESCRIPTION OF COMPANY

DESCRIPTION OF COMPANY
Lyrical.ly is a premier service-based software company, specializing in deliveringcutting-edge
software solutions to businesses across diverse industries. Our company's core focus is on
understanding our clients' specific challenges and objectives to provide them with customized
software services that drive tangible results. With a team of highly skilled developers and
engineers, we collaborate closely with clients to assess their requirements anddevelop tailored
solutions that exceed their expectations.

At Lyrical.ly, we offer a comprehensive suite of services, including custom Website

Development, Graphic Designing, Digital Marketing, Search Engine Optimization, Branding
and ongoing technical support. Our commitment to quality and client satisfaction is
unwavering, and we leverage the latest technologies and industry best practices to ensure that
our software solutions are efficient, scalable, and secure. Partnering with Fuerte Developers
empowers businesses to optimize their operations, enhance productivity, and gain a
competitive edge in the digital landscape, all while receiving unparalleled support from our
dedicated team of experts.

When it comes to multipurpose services, having a full package of services about IT inquiries
and how to grow your business without forgetting how to register your company comes to
mind. We are here to serve all business owners in a broad range of capacities, ensuring your
company moves to the next level globally. We have everything you require.

A long road to success We have been thriving for 2 years with tremendous success testimonials.
Many business owners have found their way to success thanks to our invention, which began
in 2021 with a group of bright minds. Each year, our goal is to expand your business in a variety
of ways while also improving our services.

CSPIT iii Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 TABLE OF CONTENTS

Table of Contents
Chapter 1 Introduction................................................................................................ 1
1.1 Introduction to The Project................................................................................... 2
1.2 Overview of the Internship Project ...................................................................... 3
1.3 Benefits Of the Internship .................................................................................... 4
Chapter 2 Project Management ................................................................................. 6
2.1 Project Planning ................................................................................................... 7
2.2 Requirements Gathering and Analysis ................................................................. 7
2.3 Architecture and Design ....................................................................................... 7
2.4 Development ........................................................................................................ 7
2.5 Testing and Quality Assurance............................................................................. 8
2.6 Communication and Collaboration ...................................................................... 8
2.9 Monitoring and Performance Optimization ......................................................... 8
Chapter 3 System Requirement .................................................................................. 9
3.1 Requirement ....................................................................................................... 10
Chapter 4 Flow Of Project ........................................................................................ 12
4.1 Flowchart of Project ........................................................................................... 13
Chapter 5 List of Figures .......................................................................................... 14
Conclusion .................................................................................................................. 20
References ................................................................................................................... 21

CSPIT iv Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

List of Figures

Fig 5.1 Home Page ....................................................................................................... 15

Fig 5.2 User Register Page ........................................................................................... 15
Fig 5.3 User Login Page............................................................................................... 16
Fig 5.4 Product Page .................................................................................................... 16
Fig 5.5 Filter Page ........................................................................................................ 17
Fig 5.6 Cart Page.......................................................................................................... 17
Fig 5.7 Admin Login Page ........................................................................................... 18
Fig 5.8 Add Item Page ................................................................................................. 18
Fig 5.9 Update Item Page............................................................................................. 19
Fig 5.10 About Us Page ............................................................................................... 19
Fig 5.11 Contact Us Page............................................................................................. 20

CSPIT v Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 INTRODUCTION

CHAPTER 1: INTRODUCTION

CSPIT 1 Smt. Kundanben Dinsha Patel Department of

Information Technology
 21IT089 INTRODUCTION

1.1 INTRODUCTION TO THE PROJECT

In today's digital era, e-commerce is a cornerstone of the global economy, reshaping the way
businesses and consumers interact. This project, undertaken during an internship, aims to develop a
comprehensive e-commerce application using the MERN stack (MongoDB, Express.js, React, and
MERN Stack) integrated with an SQL database. The goal is to create a scalable, efficient, and user-
friendly platform that facilitates various e-commerce functionalities such as product management,
user authentication, and order processing.

Understanding E-Commerce :

E-commerce, or electronic commerce, involves the buying and selling of goods or services over the
internet. It encompasses a wide range of online business activities for products and services. Here are
the key components of a typical e-commerce platform:

Product Management :

Product Catalog: A structured collection of products available for sale, including their descriptions,
prices, images, and specifications.
Inventory Management: Tracking stock levels, managing warehouses, and ensuring the availability of
products.
Product Categorization: Organizing products into categories and subcategories to enhance navigation
and user experience.

User Authentication

User Registration: Allowing users to create accounts with personal information, ensuring a
personalized shopping experience.
Login and Authentication: Secure methods for users to log in to their accounts, including the use of
encryption and secure protocols.
Role-Based Access Control: Differentiating access levels and permissions for customers,
administrators, and other stakeholders.

Shopping Cart: A temporary repository for products a user intends to purchase, allowing for quantity
adjustments and item removals.
Checkout Process: A multi-step process where users provide shipping information, choose payment
methods, and confirm their orders.
Payment Integration: Securely processing payments through various gateways like credit/debit cards,
digital wallets, and other payment methods.

Order Management

Order Processing: Managing the entire lifecycle of an order, from placement to dispatch and delivery.
Order Tracking: Allowing users to track the status of their orders in real-time.
Returns and Refunds: Handling product returns and processing refunds in accordance with the
platform’s policies.
User Interface

CSPIT 2 Smt. Kundanben Dinsha Patel Department of

Information Technology
 21IT089 INTRODUCTION

1.1 OVERVIEW OF THE INTERNSHIP PROJECT

The internship project focuses on developing a comprehensive and user-friendly e-commerce software
application designed to facilitate online shopping and enhance user experience. As an intern, you will
contribute to the development and enhancement of the e-commerce platform under the guidance of
experienced mentors and developers.

Your responsibilities will include feature enhancement, such as improving the user interface, adding
new functionalities, and refining existing ones to ensure a seamless shopping experience. Additionally,
you will be involved in identifying and fixing bugs through rigorous testing to ensure the software's
reliability and stability.

The project also includes integrating the e-commerce platform with various third-party services like
payment gateways, shipping services, and social media platforms, requiring you to work on API
integrations and data synchronization. You will develop data analytics tools to analyze user behavior
and provide valuable insights and recommendations, helping users and business owners make informed
decisions.

Ensuring user authentication and data security will be a key part of your role, implementing secure
registration, login, and data protection measures. To keep users engaged and motivated, you will
collaborate on introducing gamification elements and social features, such as loyalty programs,
rewards, challenges and user-generated content.

Technology Stack:

The specific technology stack for the fitness tracker project may vary, but not it could
involve:

Front-end Development: HTML, CSS, JavaScript, and popular frameworks like Reactfor
building the user interface.

Back-end Development: Programming languages like Node.js along with frameworks like
Express.js.

Database Management: MySql for data storage.Project

Guidelines:

Throughout the internship project, you will be expected to follow coding standards, adhereto
version control practices, and collaborate effectively with the team. Regular code reviews and
feedback sessions with your mentors will be conducted to help you improve your skills and
knowledge.

CSPIT 3 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 INTRODUCTION

1.2 BENEFITS OF THE INTERNSHIP

Participating in an internship focused on MERN Stack can offer numerous benefits for
aspiringdevelopers and individuals looking to advance their careers in the tech industry.
Some of the key advantages of interning with MERN Stack include:

In-Demand Skill: MERN Stack is a popular and widely used server-side JavaScript
runtime, making it a highly sought-after skill in the tech industry. By interning with MERN
Stack, you gain proficiency in a technology that is in high demand among employers.

Real-World Experience: During the internship, you will work on real-world projects and
gain hands-on experience in building applications with MERN Stack. This practical
experienceis invaluable and enhances your understanding of how to apply MERN Stack
in real development scenarios.

Full-Stack Development Exposure: MERN Stack is often used in conjunction with front-
end technologies like React, Angular, or Vue.js, providing exposure to full-stack
development. This comprehensive understanding of both front-end and back-end
technologies is highlyadvantageous in the job market.

Collaboration and Teamwork: Interning with MERN Stack typically involves working in a
team environment, collaborating with experienced developers and other interns. This
experiencehelps you develop effective teamwork and communication skills that are crucial
in any professional setting.

CSPIT 4 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 INTRODUCTION

Networking Opportunities: During your internship, you'll likely interact with professionals
from the industry, mentors, and other interns. Building connections with these individuals
can open doors for future job opportunities or collaborations.

Problem-Solving Skills: Working with MERN Stack on real projects exposes you to
various challenges and problem-solving scenarios. Learning to troubleshoot and overcome
issuesencountered during development enhances your problem-solving skills.

Open Source Contributions: MERN Stack is an open-source technology, and many

companies and developers actively contribute to its ecosystem. Interning with MERN
Stack may present opportunities to contribute to open-source projects, which not only adds
to your portfoliobut also gives back to the community.

Understanding Asynchronous Programming: MERN Stack is known for its non-blocking,

asynchronous nature, which is fundamental to its performance. Gaining hands-on
experience with asynchronous programming can be beneficial for your overall
programming skills.

Versatility: MERN Stack can be used for a wide range of applications, from building web
servers and APIs to creating real-time applications and microservices. This versatility
allows youto explore various domains within software development.

Boost to Your Resume: Having MERN Stack experience on your resume can make you
stand out to potential employers. It demonstrates your willingness to learn and work with
modern, cutting-edge technologies.

Learning Ecosystem: The MERN Stack ecosystem is rich with tools, libraries, and
frameworks.During your internship, you'll get to explore and work with various tools that
complementMERN Stack, enriching your overall development knowledge.

CSPIT 5 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 PROJECT MANAGEMENT

CHAPTER-2 : PROJECT MANAGEMENT

CSPIT 6 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 PROJECT MANAGEMENT

2.1 Project Planning:

Define Project Scope: Clearly outline the project's objectives, features, and deliverables.
Identify Stakeholders: Identify all individuals or teams involved in the project, both internal
and external.
Set Realistic Timelines: Create a detailed project schedule with milestones and deadlines.
Allocate Resources: Determine the required resources, including developers, testers, and any
third-party services or tools.
Define Project Risks: Identify potential risks and plan for risk mitigation strategies.

2.2 Requirements Gathering and Analysis:

Collaborate with stakeholders to gather and document detailed requirements for the MERN
Stack project.
Ensure that the requirements are clear, unambiguous, and align with the project's goals.

2.3 Architecture and Design:

Plan the system architecture and design the MERN Stack application's components and
modules.Ensure that the design aligns with best practices and scalability requirements.

2.4 Development:
Set up a version control system (e.g., Git) for collaborative development.
Adopt coding standards and conventions to maintain code consistency.
Break down the project into manageable tasks and assign them to developers.
Use project management tools like Jira or Trello to track progress and manage tasks.

CSPIT 7 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 PROJECT MANAGEMENT

2.5 Testing and Quality Assurance:

Implement unit testing, integration testing, and end-to-end testing for the MERN Stack
application.Conduct code reviews to ensure code quality and adherence to best practices.
Perform regular bug tracking and resolution.

2.6 Communication and Collaboration:

Foster effective communication between team members, stakeholders, and clients.
Hold regular meetings to discuss progress, challenges, and updates.
Use collaboration tools like Slack or Microsoft Teams to facilitate communication.

2.7 Monitoring and Performance Optimization:

Implement monitoring tools to track the application's performance and detect issues.
Optimize the MERN Stack application for better performance and scalability.

Project Review and Closure:

Conduct a project review to assess the project's success, lessons learned, and areas for
improvement.
Obtain feedback from stakeholders and team members to identify areas of improvement.
Document the project's outcome and archive all relevant files and documentation.

CSPIT 8 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 SYSTEM REQUIREMENT

CHAPTER-3 : SYSTEM REQUIREMENT

CSPIT 9 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 SYSTEM REQUIREMENT

3.1 REQUIREMENTS

To develop a Ecommerce project using MERN Stack, you'll need a set of requirements that
outlinethe functionalities and features of the application. Here are some typical requirements
for sucha project:

User Authentication:
• Users should be able to create accounts and log in securely.
• Support for password reset and account management.

User Profile:
• Users can create and manage their profiles.
• Allow users to update that profile (e.g., name, age).
• User can add and remove the product in to their cart.

Admin Profile:

• Admin can add and remove the new Product and update that product.
• Admin can confirm the order of user and deliver that product.

Dashboard and Statistics:

• Provide users with an intuitive dashboard to view their fitness statistics and progress.
• Display charts and graphs for visualizing daily, weekly, and monthly activity trends.

Data Privacy and Security:

• Ensure that user data is stored securely and follows data privacy regulations.
• Encrypt sensitive information, such as passwords and personal data.

Responsive Design:
• Develop a responsive web application that works well on different devices and screen
sizes.

CSPIT 10 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 SYSTEM REQUIREMENT

Error Handling and Logging:

• Implement proper error handling and logging mechanisms to track and troubleshoot
issues.

Performance Optimization:
• Optimize the application's performance to handle a large number of users and data
efficiently.

Scalability:
• Design the application with scalability in mind to accommodate future growth and
increased usage.

CSPIT 11 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 FLOW OF PROJECT

CHAPTER-4 : FLOW OF PROJECT

CSPIT 12 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 FLOW OF PROJECT

4.1 Flow of Fitness Tracker

CSPIT 13 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

CHAPTER-5 : LIST OF FIGURES

CSPIT 14 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.1 Home Page

5.2 User Register Page

CSPIT 15 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.3 User Login Page

5.4 Product Page

CSPIT 16 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.5 Filter by Price

5.6 Cart Page

5.7 Admin Login Page

CSPIT 17 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.8 Add Item Page

CSPIT 18 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.9 Item Update Page

5.10 About Us Page

CSPIT 19 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 LIST OF FIGURES

5.11 Contact Us Page

CSPIT 20 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 CONCLUSION

Conclusion
• In conclusion, using MERN Stack and React.js to build a fitness tracking web
application offers several advantages, including real-time updates, seamless frontend
development,scalability, and a consistent JavaScript codebase.

• Developers must, however, pay attention to security aspects and implement best
practices to protect user data. By leveraging the rich ecosystems of both technologies,
developers can create a feature-rich and efficient fitness tracking web application to
meet the needs of health-conscious users.

• By combining MERN Stack with React.js, you can achieve real-time updates and live
tracking of fitness activities. MERN Stack enables server-side communication through
WebSocket’s or other mechanisms, while React.js efficiently updates the UI in response
to real-time data changes.

CSPIT 21 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 REFERENCES

REFERENCES

CSPIT 22 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT089 REFERENCES

References :
1. https://react.dev/learn

2. https://nodejs.org/en/docs

3. https://www.mongodb.com/document-databases

4. https://expressjs.com/en/starter/hello-world.html

5. https://developer.mozilla.org/en-US/docs/Web/JavaScript

6. https://www.w3schools.com/sql/

CSPIT 23 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT072 REFERENCES

CSPIT 8 Smt. Kundanben Dinsha Patel Department of

Information Technology
21IT081 Acknowledgement

CSPIT 1 Smt. Kundanben Dinsha Patel Department of

Information Technology