INDUSTRY INTERNSHIP

SUMMARY REPORT

WEB DEVLOPMEMT INTERNSHIP

MASTER OF COMPUTER APPLICATION

in

COMPUTER SCIENCE AND ENGINEERING

Submitted by

SANJU KUMAR (23SCSE2030713)

SCHOOL OF COMPUTING SCIENCE AND ENGINEERING

1
 CERTIFICATE

I hereby certify that the work which is being presented in the Internship project report
entitled “Web Development Internship “in partial fulfillment for the requirements for the award of
the degree of Master of Computer Application in the School of Computing Science and
Engineering of Galgotias University , Greater Noida, is an authentic record of my own work
carried out in the industry.
To the best of my knowledge, the matter embodied in the project report has not been
submitted to any other University/Institute for the award of any Degree.

<<SANJU KUMAR (23SCSE2030713)>>

This is to certify that the above statement made by the candidate is correct and true to
the best of my knowledge.

Signature of Internship Reviewer

2
Completion Certificate

3
 TABLE OF CONTENTS

CHAPTER TITLE PAGE NO

Abstract
List of Abbreviations
1 Introduction
1.1 Objective of the project
1.2 Problem statement and research objectives
1.3 Description of Domain
1.4 A brief introduction about an organization.
2 Technical Description
3 System Design
3.1 General Architecture
3.2 Design Phase
3.2.1 Data flow diagram
3.2.2 UML Diagrams
3.3 Methodology
4 System Implementation
5 Results and Discussions
6 Conclusion and Future Work
7 Appendices-
7.1 Source Code
7.2 Learning Experiences

7.3 SWOT Analysis

8 References

4
 ABSTRACT

This report summarizes a one-month virtual internship experience in web

5
 LIST OF ABBREVIATIONS

API: Application Programming Interface

DFD: Data Flow Diagram

UML: Unified Modeling Language

REST: Representational State Transfer

JSON: JavaScript Object Notation

UI: User Interface

UX: User Experience

6
 CHAPTER 1

INTRODUCTION

1.1 Objective of the Project

The primary objective was to design and develop responsive web pages

and interactive user interfaces that align with the company’s standards

and customer requirements. Key deliverables included creating reusable

components, debugging issues, and ensuring compatibility across

browsers.

1.2 Problem Statement and Research Objectives

The project addressed the challenge of delivering scalable and user-

friendly web applications. Research objectives included:

Analyzing user behavior to enhance UI/UX.

Optimizing code for performance and scalability.

Implementing responsive design principles for various devices.

7
1.3 Description of Domain

The domain of web development encompasses creating websites and

applications for the internet, focusing on client-side scripting, server-side

logic, and database management. This field combines programming and

design to deliver functional and aesthetic solutions.

1.4 A Brief Introduction About the Organization

• EduSkills is a Non-profit organization which enables Industry 4.0

ready digital workforce in India. Our vision is to fill the gap

between Academia and Industry by ensuring world class curriculum

access to our faculties and students.

• We want to completely disrupt the teaching methodologies and ICT

based education system in India. We work closely with all the

important stakeholders in the ecosystem Students, Faculties,

Education Institutions and Central/State Governments by bringing

them together through our skilling interventions.

8
 CHAPTER 2

TECHNICAL DESCRIPTION

The technical stack for the project included modern frontend

technologies.

1. Frontend: React.js was chosen for building dynamic user interfaces

due to its component-based architecture, which simplifies the

development of reusable components. React Router was used for

client-side routing, while Redux was implemented for state

management across different components.

2. Backend: Node.js with the Express framework was selected for the

server-side, offering high performance and scalability. It handled

user requests, authentication, and data storage.

3. Database: MongoDB was used as the database because it provides

flexibility and scalability, essential for storing task and user data.

4. Version Control: Git was utilized to manage the codebase, with

GitHub for collaborative development and version tracking.

9
 5. Testing: Unit testing was done using Jest, while API testing was

carried out using Postman.

CHAPTER 3

SYSTEM DESIGN

3.1 General Architecture

The system was designed using a client-server architecture, where the

frontend and backend are decoupled. This modular approach allows easy

scalability. The frontend is a React.js application that communicates with

the Node.js backend via REST APIs.

Figure 1: System Architecture Diagram

Frontend (React.js): Handles the user interface, user interactions, and

display of tasks.

Backend (Node.js/Express): Processes requests from the frontend,

manages task data, and interacts with the database.

Database (MongoDB): Stores task and user data, supports querying and

updates.

10
Authentication: JWT (JSON Web Tokens) for secure user

authentication.

3.2 Design Phase

In the design phase, a detailed analysis was conducted to ensure that the

system met all functional and nonfunctional requirements. The system

design focused on simplicity and ease of use while ensuring scalability

for future enhancements.

3.2.1 Data Flow Diagram

The Data Flow Diagram (DFD) outlines the movement of data between

the system components.

Figure 2: Data Flow Diagram (DFD)

1. External Entities: User (interacts with the system), Admin

(manages users).

2. Processes: Login, Task Creation, Task Updates, Task Deletion.

3. Data Stores: User Data, Task Data.

11
3.2.2 UML Diagrams

Several UML diagrams were created during the design phase to visualize

system interactions:

1. Use Case Diagram: Showed all possible user interactions with the

system.

2. Class Diagram: Represented the relationships between different

entities such as User, Task, and Admin.

3. Sequence Diagram: Detailed the sequence of events in a user login

process.

Figure 3: Use Case Diagram

Actors: User, Admin.

Use Cases: Login, Register, Add Task, Edit Task, Delete Task, View

Tasks.

3.3 Methodology

The Agile development methodology was followed, with a focus on

iterative development and continuous feedback. The project was broken

down into several sprints, each aiming to deliver a set of features. Sprint

12
retrospectives were held at the end of each cycle to evaluate progress and

identify areas for improvement. Tools like Jira were used for task

management, and daily stand-ups helped maintain project momentum

CHAPTER 4

SYSTEM IMPLEMENTATION

The implementation of the system began with setting up the development

environment. The frontend was first created with React.js, establishing

the user interface and integrating with the backend. The backend was

developed using Node.js and Express, focusing on providing a RESTful

API for data manipulation. Key features implemented included:

 User Authentication: Implemented JWT-based authentication to

allow users to register and log in securely.

 Task Management: Users can create, update, and delete tasks, with

tasks stored in a MongoDB database.

 Real-Time Updates: Using WebSockets, the application allows

real-time task updates across multiple devices.

 Responsive Design: Ensured the application was mobile-friendly

using CSS frameworks like Bootstrap.

13
\

CHAPTER 5

RESULTS AND DISCUSSIONS

The final web application was fully functional, and all key features were

implemented. During testing, the application was evaluated for

performance and scalability. Some challenges faced during

implementation included:

 Handling Concurrent Users: Optimizing the backend to handle

multiple simultaneous users required careful database indexing and

efficient querying.

 UI/UX Optimization: Ensuring that the application was intuitive

for users of varying technical expertise was achieved through

extensive testing and feedback loops.

 Integration Issues: Integrating third-party libraries for tasks like

authentication sometimes led to compatibility issues, which were

resolved by updating dependencies.

14
 CHAPTER 6

CONCLUSION AND FUTURE WORK

In conclusion, the project met the initial objectives of developing a

simple yet scalable task management web application. The system allows

users to manage tasks efficiently, with features like real-time updates and

secure authentication. Future work could include:

 Mobile App Integration: Developing a mobile version of the app

for better accessibility.

 Machine Learning: Implementing intelligent task prioritization

based on user behavior.

 Offline Support: Allowing users to access and update their tasks

even without an internet connection.

15
 CHAPTER 7

APPENDICES

7.1 Source Code

The complete source code for the web application is available in the

GitHub repository: [GitHub Repository Link].

7.2 Learning Experiences

This internship provided me with valuable hands-on experience in

fullstack web development. I learned how to effectively use modern

frameworks like React.js and Node.js, and how to collaborate in a team

using tools like Git and Jira. The most significant takeaway was

understanding the importance of clean code and effective debugging

practices.

7.3 SWOT Analysis

16
Strengths: The application was easy to use, with a clean user interface

and responsive design.

Weaknesses: Initial performance issues when scaling for multiple

concurrent users.

Opportunities: Potential to expand the system into a more

comprehensive project management tool.

Threats: Competitors like Asana and Trello already dominate the

market.

17
 CHAPTER 8

REFERENCES

1. React.js Documentation.
(https://reactjs.org/docs/gettingstarted.html)
2. Node.js Documentation.
(https://nodejs.org/en/docs/)
3. MongoDB Documentation.
(https://www.mongodb.com/
docs/)
4. "Web Development with Node
and Express" by Ethan Brown

18
19