TSSM’s Bhivarabai Sawant College of

Engineering and Research, Narhe, Pune-41

DEPARTMENT OF COMPUTER ENGINEERING
Academic Year 2021-2022
Semester-VI

“ WEB DEVELOPMENT INTERNSHIP“

A .Y.2024-25
KADAM MRINAL VINOD
PROF. S.P.BHADRE
Introduction
Organisation Details: TechOctanet Services
TechOctanet Services is a technology company specializing in web
development, providing innovative digital solutions for businesses.
Duration of Internship: 1 month
Role: Web Development Intern
Responsibilities:
◦ Developed responsive web applications using HTML, CSS,
JavaScript, and React.js.
◦ Worked on backend integration with Node.js and Express.js.
◦ Optimized website performance and improved UI/UX.
◦ Collaborated with the development team on real-world projects.
Mentor Profile
Anjali Piroty
Director & CEO, TechOctanet Services Pvt. Ltd.
An experienced leader in the tech industry, Anjali Piroty has demonstrated expertise in managing
and guiding professionals in the field of web development. Under her leadership, TechOctanet
Services Pvt. Ltd. has nurtured numerous aspiring developers, providing them with hands-on
experience in modern web technologies. With a strong commitment to innovation and education,
she ensures that interns gain practical knowledge and industry-relevant skills, preparing them for
successful careers in web development.
Training & Tasks
Training & Responsibilities:
Completed 4 training sessions covering web development fundamentals, frontend frameworks,
and backend integration.
Worked on one real-world task involving website development and optimization.
Developed responsive web applications using HTML, CSS, JavaScript, and React.js.
Tasks Completed:
Designed and developed a landing page with interactive UI elements.
Built a fully responsive web page using HTML, CSS, and JavaScript.
Ensured cross-browser compatibility and mobile responsiveness.
Challenges
Solution
1. Ensuring Full Responsiveness Used CSS Flexbox and Grid for a structured layout.
Implemented media queries to adjust styles
Making the landing page and web page fully dynamically. Used browser developer tools to test
responsive across all screen sizes was challenging, responsiveness on different screen sizes.
especially for complex layouts.
Followed a mobile-first approach, used CSS
2. Debugging and Fixing CSS Issues debugging tools, and inspected elements using
Faced difficulties in aligning elements properly and Chrome DevTools. Referred to documentation and
maintaining consistency in design across different online forums like Stack Overflow for
browsers. troubleshooting.

3. Performance Optimization Compressed images using WebP format, minified

CSS and JavaScript, and used lazy loading for
The website had slow loading times due to large images. Optimized code by removing unnecessary
images and inefficient code. elements and improving DOM structure.
Methodology
We started by analyzing project requirements and researching UI/UX best practices. Regular
discussions with the mentor helped set clear goals. Before coding, we created wireframes using
Figma to plan the layout effectively.
For development, we used HTML, CSS, JavaScript, and React.js to build the landing page and
responsive web page. CSS Flexbox and Grid ensured a structured layout, while media queries
made the pages mobile-friendly.
During testing, we used Chrome DevTools to debug layout issues and checked for cross-browser
compatibility. Performance was optimized by compressing images and minifying code.
Finally, we incorporated feedback from our mentor, made necessary improvements, and
conducted final testing before submission.
Task Completion Report
 Learning Outcomes
Intellectual Skills – Gained hands-on experience in HTML, CSS, JavaScript, and
responsive design, applying concepts to real-world projects.
Cognitive Skills – Developed problem-solving abilities in UI/UX design, debugging, and
performance optimization to enhance user experience.
Knowledge Sharing – Improved collaboration using Git & GitHub, actively engaging in
discussions and sharing technical insights.
Technical Skills – Strengthened coding proficiency by working on interactive UI
components, API integration, and website deployment.
Professional Growth – Enhanced time management, adaptability, and project
planning skills, preparing for industry challenges.
Organization Evaluation
1.Provided hands-on experience in web development projects.
2.Clearly defined tasks and expectations for interns.
3.Encouraged communication and collaboration within the team.
4.Maintained a professional and structured work environment.
5.Offered opportunities to develop leadership and problem-solving skills.
6.Provided constructive feedback to enhance technical and coding proficiency.
Improvements
Before Internship: I was confident in communication, but explaining technical concepts clearly was
sometimes challenging.Interacting with new people was manageable, but I felt slightly conscious in
professional discussions.
After Internship:
Now, I am not only confident in communication but also articulate in explaining technical concepts
clearly. Working on frontend web development projects, I learned to present ideas effectively, whether
in discussions, code reviews, or documentation.
Additionally, collaborating with mentors and team members on real-world tasks has significantly
improved my ability to interact professionally. Regular meetings, feedback sessions, and task
presentations have strengthened my ability to engage with different people, express ideas concisely,
and handle constructive criticism positively.
Through this internship, I have also developed problem-solving skills, patience, and adaptability,
ensuring a more structured and professional approach in my future career.
Training
Completi
on
Certificat
e
Internship
Completi
on
Certificat
e
Internsh
ip
Evaluati
on
Thank You !