Notes

1. OctaNet Internship: A Journey in Web
Development
DEPARTMENT OF INFORMATION TECHNOLOGY
Faculty of Engineering and Technology
(Uma Nath Singh Institute of Engineering and Technology)
VEER BAHADUR SINGH PURVANCHAL UNIVERSITY, JAUNPUR
Presented by-
Arpit Sharma
(2154009)
(Department of IT)
Under the guidance of-
• Mr. Ravi Kant Yadav
• Mr. Dileep Kumar Yadav
(Assistant Professor of CSE And
IT)
VEER BAHADUR SINGH PURVANCHAL
UNIVERSITY JAUNPUR

2. OctaNet
Internship: A
Journey in Web
Development
I'm excited to share my experience as a Web Development Intern
at OctaNet Services Pvt Ltd. During my internship, I gained
valuable experience in developing and optimizing websites,
particularly by creating a landing page for Netflix.
by ARPIT SHARMA

3. Certificate

4. CONTENT
o PROJECT I WORKED ON
o TOOLS AND TECHNOLOGIES I USED
o ANALYSIS AND DISCUSSION OF RESULTS
o OBTAINED RESULT
o SCREENSHOTS OF PROJECT
o FUTURE WORK
o CONCLUSION
o REFERENCES

5. PROJECT I WORKED ON :
FoodwaGon Landing Page
1 Responsive Design
I built the landing page with responsiveness in mind, ensuring a seamless
user experience across different devices and screen sizes.
2 Visual Appeal
I prioritized a visually appealing design that reflects the brand identity of
foodwaGon, attracting users and conveying the platform's value proposition.
3 Optimized Performance
I focused on optimizing the page's performance for faster loading times and
a smooth browsing experience.
4 Content Integration
I incorporated compelling content, including images, videos, and text, to
engage users and effectively communicate Netflix's features and offerings.

6. Tools and Technology Used
Language
• HTML
• CSS
• JavaScript
Tools
• VS Code
• Git
• Chrome Developer Tools
Other
• Any browser testing tools
• Design tools like Figma

7. Key Accomplishments
Responsive Landing Page
Created a fully responsive
landing page for Netflix, adapting
seamlessly to various screen
sizes, ensuring a consistent user
experience.
Design Optimization
Improved the design's aesthetics
and user experience by applying
design principles and
incorporating feedback from
stakeholders.
Collaborative Projects
Worked effectively with a team of
developers and designers to
complete projects, contributing
my skills and collaborating
effectively.

8. Analysis and Discussion of Result
Debugging Issues
Encountered various technical challenges, including
debugging complex errors in CSS code, and employed
troubleshooting techniques to identify and resolve issues.
Cross-Browser Compatibility
Ensured that the landing page rendered correctly across
different web browsers and devices, addressing
inconsistencies in browser rendering and applying
appropriate solutions.
Teamwork and Communication
Communicated effectively within the team to share ideas,
ask questions, and resolve conflicts, fostering a collaborative
and supportive work environment.

9. Learnings and Skills
1 Technical Skills
I enhanced my skills in CSS, particularly advanced CSS
techniques like animations, transitions, and responsive design
principles.
2 Problem-Solving
Developed strong problem-solving skills, adept at analyzing
issues, identifying solutions, and implementing them
effectively.
3 Soft Skills
Improved my time management, communication, and
collaboration skills, working efficiently within a team to
achieve project goals.

10. Benefits and Impact
Confidence Boost
Gained confidence in tackling real-world projects and contributed
effectively to the team's success.
Valuable Experience
Acquired practical experience in web development, applying
theoretical knowledge to real-world scenarios and developing
valuable skills.
Networking Opportunities
Established connections with industry professionals and learned
about potential career paths and opportunities in the field.

11. Screenshot of Project

12. Future Work
Full Stack Certification
I plan to pursue a Full Stack Development certification
to further enhance my skills and broaden my
knowledge base.
Final Year Project: 'Well Mind'
I'm excited to apply my knowledge and skills to my
final year project, 'Well Mind,' a mental health
platform aimed at providing support and resources.

13. Conclusion
1 Skill Development
This internship has significantly improved my technical and
soft skills, equipping me with the necessary knowledge and
expertise for a successful career in web development.
2 Professional Growth
I gained valuable experience in a professional setting,
building my confidence and fostering my ability to handle
real-world challenges.
3 Career Aspirations
This internship has ignited my passion for web development
and reinforced my commitment to pursue a career in this
field.

14. Thank You
Thank you for your time and consideration. I look forward to your
questions and feedback.