Industrial Interaction Report on

WEB DEVELOPMENT

Main Flow Services and Technologies Pvt. Ltd.

Submitted in partial fulfilment of the requirement for the award of the degree
of

BACHELOR OF TECHNOLOGY
IN
ARTIFICIAL INTELLIGENCE & MACHINE LEARNING

Submitted by:

Pranjal Saxena 2019576

Department of Computer Science and Engineering

Graphic Era (Deemed to be University)
Dehradun, Uttarakhand
2024-25
 CANDIDATE’S DECLARATION
I hereby certify that the work which is being presented in the Industrial Interaction report entitled
“Web Development Internship” in partial fulfillment of the requirements for the award of the
Degree of Bachelor of Technology in Artificial Intelligence and Machine Learning in the
Department of Computer Science and Engineering of the Graphic Era (Deemed to be
University), Dehradun shall be carried out by the undersigned under the supervision of Gaurav
Kumar, Department of Web Development, Main Flow Services and Technologies Pvt. Ltd.

Pranjal Saxena
2019576
AI-ML
CERTIFICATE
 CONTACT DETAILS

During my internship at Main Flow Services and Technologies Pvt. Ltd., I worked with a team
of skilled professionals who helped and supported me in my projects and learning. Below are the
contact details of the people who were involved in my internship.

1. Mentor
 Name – Gaurav Kumar
 Position – Web Development Mentor
 Phone- 9690211184
 LinkedIn - https://www.linkedin.com/in/gaurav-kumar-333354280/
2. HR Manager
 Name – Pintu Singh
 Position – Co-Founder - HR
 Email - [email protected]
 LinkedIn - https://www.linkedin.com/in/pintu-singh-855229200/
3. Founder and CEO
 Name – Gaurav Tomar
 Position – Co-Founder & CEO
 Email - [email protected]
 LinkedIn- https://www.linkedin.com/in/gaurav-tomar/
 ACKNOWLEDGEMENT

I would like to express my heartfelt gratitude to Main Flow Services and Technologies Pvt.
Ltd. for giving me the opportunity to intern and grow under their guidance. I am especially
thankful to Gaurav Kumar, Mentor (Full Stack Web Development) for their invaluable
mentorship and support throughout my time here. Their insights and feedback have been crucial
in helping me learn and apply new skills effectively.

I would also like to thank the entire team for their encouragement and collaboration, which made
my experience both productive and enjoyable. Finally, I extend my gratitude to my faculty at
Graphic Era Deemed to be University, especially Mr. Jyotir Moy Chatterjee, for their
guidance and support in facilitating this internship.

This internship has been an incredible learning experience, and I am grateful to everyone who
helped me along the way. Thank you all for making this an unforgettable and valuable part of my
career development.
 Table of Contents

Chapter No. Description Page No.

Chapter 1 About the Company 7–8
Chapter 2 Work Responsibilites 9 – 10
Chapter 3 Work Details 11 - 12
Chapter 4 Skills Learned 13
Chapter 5 Conclusion 14
CHAPTER - 1
ABOUT THE COMPANY

Main Flow Services and Technologies Pvt. Ltd. is a dynamic and innovative company
specializing in offering a broad range of services in the technology and web development
sectors. It is known for delivering cutting-edge digital solutions and adapting to rapidly changing
market demands. The company emphasizes a collaborative approach to project execution,
prioritizing both efficiency and creativity.
1.1. Mission
Main Flow Services and Technologies is committed to:
 Delivering exceptional technology solutions that drive clients' business goals.
 Leveraging state-of-the-art tools and practices to provide scalable and reliable products.
 Cultivating an inclusive and forward-thinking work culture that values continuous
learning and development.
 Providing value to stakeholders through ethical practices and technological excellence.
1.2. Vision
To be a global leader in technology and web solutions, empowering businesses through
innovative and sustainable technology-driven strategies. Main Flow aims to foster an
environment where technological advancements pave the way for progress and create
meaningful impact in the digital world.
1.3. Core Services
 Web Development: Comprehensive services, from front-end to back-end development,
that build responsive and robust web applications.
 Mobile App Development: Creation of user-centric mobile applications tailored to the
needs of both Android and iOS platforms.
 Software Solutions: Custom software development aimed at solving unique business
challenges and improving operational efficiency.
 UI/UX Design: Designing seamless user experiences that combine functionality and
aesthetic appeal.
  IT Consulting: Helping businesses strategize and implement effective IT solutions that
align with their goals.
1.4. Leadership Team
 Gaurav Tomar, Co-Founder & CEO: With an extensive background in computer
science, Gaurav Tomar established Main Flow to bridge the gap between traditional
learning and the demands of the digital age. His vision and expertise have propelled Main
Flow to the forefront of innovative education.
 Pintu Singh, Co-Founder & CEO: With a background in electronics engineering and
business management, he is dedicated to addressing the skills gap in the job market. His
entrepreneurial spirit fuels Main Flow mission to provide education that meets industry
needs.
The dedicated efforts of this team and the broader Main Flow Services and Technologies
community contribute to an organization that is dynamic, forward-thinking, and committed to
delivering exceptional learning experiences to students worldwide.
CHAPTER – 2
WORK RESPONSIBILITIES

During my web development internship at Mainflow, I had the opportunity to work on diverse
and challenging projects that significantly enhanced my technical skills and understanding of
web development. Below are the key responsibilities I undertook during my internship:

1. Collaborating on UI/UX Improvements

 Developed a basic calculator app in React, focusing on efficient state management
and accurate arithmetic operations.
 Built an image gallery app with API integration using the Unsplash API,
implementing features like dynamic image loading and a modal view for a better user
experience.
 Gained expertise in React components, state management, and creating responsive,
visually appealing interfaces.

2. Live Student Support

I provided assistance in live mentorship sessions, helping students enrolled in Mainflow
courses with:

 Addressing technical questions related to web development and programming.

 Offering guidance on projects, helping with debugging, and resolving issues students
encountered during assignments.

3. Assisting with Project Coordination

I helped the team manage various projects and internships by:
 Organizing the submission and review of capstone projects, ensuring students met
deadlines and project standards.
 Assisting project managers in tracking internship progress and maintaining records of
student achievements.
4. Project and Internship Management Support
 I supported the team in managing ongoing projects and internships by:
o Coordinating the submission and review process of capstone projects,
ensuring that students met the project guidelines and deadlines.
o Assisting the project managers in maintaining records of internship progress
and completion.

5. Performance Optimization
 Assisted in optimizing the performance of web applications by identifying
bottlenecks and implementing performance improvements.
 Collaborated with the development team to improve the loading speed and overall
efficiency of the applications.

6. Client Communication and Support

 Assisted in communicating with clients to gather project requirements, address
concerns, and ensure client satisfaction.
 Provided technical explanations and walkthroughs of the platforms and tools
developed.
CHAPTER – 3
WORK DETAILS
As an intern web developer, I contributed to the development and improvement of several web
applications for Mainflow. I was primarily responsible for building and enhancing front-end
features using React, JavaScript, and CSS.
Skills Utilized and Learned
Highlight the technical and non-technical skills you developed during the internship.
For instance:
 Technical Skills: "I applied my knowledge of React, JavaScript, and CSS to develop
functional web applications. I also gained hands-on experience with API integrations,
state management, and responsive web design."
 Non-Technical Skills: "Throughout the internship, I enhanced my problem-solving
abilities, communication skills, and teamwork by collaborating with cross-functional
teams."
Built a React Image Gallery with API Integration
 As part of my internship at Mainflow, I developed an image gallery app using React. This
app dynamically fetches random images from the Unsplash API and displays them in a
grid layout. I used React’s state management to store and display images, ensuring
smooth updates when the page is refreshed.
 The gallery was designed to be responsive and user-friendly, using CSS Grid to arrange
images in rows and columns. The integration of API calls to fetch random images
ensured that every page refresh loads a new set of images.

UI/UX Improvements for Mainflow Platform

 I actively contributed to improving the UI/UX of the Mainflow platform by addressing
feedback from users. My main focus was on making the navigation structure more
intuitive and easier to use.
 I also worked on ensuring the platform met accessibility standards, such as proper
contrast ratios for readability, implementing keyboard navigation, and making sure the
 platform was compatible with screen readers. These improvements aimed to enhance the
overall user experience and ensure the platform was accessible to a wider audience.

Challenges Overcome:
 Solved issues related to API caching and ensured the gallery displayed a fresh set of
images on each page refresh.
 Addressed user feedback by simplifying the navigation structure and making it more
intuitive for platform users.

Achievements:
 Successfully developed an image gallery that improved user engagement and provided a
more visually appealing user experience.
 Contributed to the Mainflow platform’s accessibility improvements, ensuring compliance
with best practices for accessibility.
CHAPTER – 4
SKILLS LEARNED

Technical Skills:

1. Frontend Development (React): Gained hands-on experience with React, including

state management, component-based architecture, and API integration using Axios.
2. Web Design & Styling: Worked with CSS, Flexbox, Grid, and Tailwind CSS to build
responsive, well-designed layouts.
3. Version Control: Gained experience with Git/GitHub for collaboration, code versioning,
and managing repositories.
4. Debugging & Problem Solving: Used Chrome DevTools for debugging, handled errors,
and improved app performance.
5. Web Accessibility: Applied WCAG guidelines to make apps more accessible, focusing
on color contrast, keyboard navigation, and screen reader compatibility.

Non-Technical Skills:

1. Problem Solving: Developed critical thinking skills by breaking down complex issues
and finding solutions.
2. Collaboration: Worked effectively in teams, participated in pair programming, and
attended regular meetings to share progress.
3. Time Management: Managed multiple tasks, prioritized deadlines, and used tools like
Trello for task tracking.
4. Communication: Improved both written and oral communication skills through team
interactions and mentoring students.
5. Adaptability: Quickly learned new tools and technologies, staying up-to-date with
industry best practices.
CHAPTER – 5
CONCLUSION

Throughout my internship at Main Flow Services and Technologies Pvt. Ltd., I acquired a
diverse set of technical skills in frontend development, API integration, UI/UX design, and web
accessibility. I gained practical experience with React, JavaScript, and responsive design, and I
applied these skills in real-world projects. Additionally, I developed problem-solving, teamwork,
and communication skills, all of which are crucial for success in the tech industry. This
internship allowed me to refine my time management skills while working on multiple tasks
simultaneously, and I gained valuable experience in version control using Git. This opportunity
has prepared me well for future web development roles, provided me with a solid foundation in
modern web technologies, and deepened my understanding of the entire web development
lifecycle, from planning to deployment.