Reprt
Uploaded by
dibyajyotinayak993Reprt
Uploaded by
dibyajyotinayak993Summer Internship Report
On
Front-end Development Internship
Submitted To The P.G. Department Of Computer Science
Towards Partial Fulfilment Of Degree In Master of
Computer Applications.
NAME : DIBYAJYOTI NAYAK
Internship ID:
CTI/A1/C199380 Roll No:
15101FT24026
Company: Cognifyz Technologies,Nagpur,Maharastra
Duration: 3rd June 2025 to 4th July 2025
Acknowledgement
I would like to extend my heartfelt appreciation to Mr. Rama
Chandra Dey Sir for granting me the chance to undertake a
remote internship at Cognifyz Technologies. This role as a
Front-end Development Intern has been a rewarding journey
that strengthened my technical foundation, critical thinking,
and problem-solving abilities, while immersing me in
real-world project experiences.
I am sincerely thankful to the entire Cognifyz Technologies
team for their unwavering support, mentorship, and
inspiration throughout my internship. Their insightful
feedback and collaborative approach boosted my confidence
in transforming academic learning into practical solutions.
My gratitude also goes to Fakir Mohan University, MCA
Department, for fostering a learning environment that
encourages students to explore opportunities bridging
academic knowledge with industry applications.
Lastly, I am thankful to my peers, mentors, and family for
their ongoing motivation and moral support, which played a
crucial role in the successful completion of this internship.
Declaration
I solemnly declare that the work presented in this Internship
Report has been carried out by me, Dibyajyoti Nayak, and has
not been previously submitted to any other University, College, or
Organization for any academic qualification or certificate.
I further declare that this report is a result of my own efforts
during the internship at Cognifyz Technologies, as part of the
requirements for my Master Of Computer Applications (MCA)
from Fakir Mohan University.
I hereby warrant that the work I have presented does not breach
any existing copyright laws or academic integrity standards.
Dibyajyoti Nayak
MCA Student
Fakir Mohan University,Balasore
Table of Contents
S.NO TOPIC
1 INTRODUCTION
2 PROFILE OF THE ORGANIZATION
3 PROJECTS OR TASKS COMPLETED
4 TOOLS AND TECHNOLOGIES USED
5 LEARNING
6 CONCLUSION
Introduction
The Front-end Development Internship at Cognifyz
Technologies was an enriching experience that effectively
connected academic concepts with practical implementation.
As an intern, I contributed to end-to-end projects that refined
my abilities in both client-side and server-side development.
The internship offered practical exposure to designing and
developing responsive web applications using modern tools
like HTML, CSS, JavaScript and Bootstrap. This experience
deepened my knowledge of RESTful API design, database
connectivity, and secure user authentication, equipping me
well for a professional path in web development.
Profile of the Organization
Cognifyz Technologies is a leading software
development company dedicated to building end-to-end
scalable web applications. It fosters a dynamic environment
that empowers students and professionals through hands-on
projects, expert mentorship, and real-world exposure.
Cognifyz specializes in front-end development, offering
internships that cover frontend technologies (HTML, CSS,
JavaScript, React/Angular/Vue). The company also provides
professional development perks, including internship
certificates, letters of recommendation, and job placement
support.
Projects / Tasks Completed
I successfully completed four projects during my four-week internship, with
one project assigned and completed each week, focusing on different aspects of
web development using HTML, CSS, and JavaScript.
Week 1: Calculator
Objective: To create a browser-based Calculator application capable of
performing basic arithmetic operations (addition, subtraction, multiplication
&division) with a user-friendly interface.
Implementation: The calculator was built using HTML to structure the
interface, including buttons for digits, operators, and a display screen. CSS was
used to style the calculator with a grid layout, ensuring a clean and responsive
design with hover effects on buttons. JavaScript handled the logic, capturing
user input via event listeners on buttons, performing calculations using
arithmetic functions, and updating the display in real-time. Error handling was
implemented for cases like division by zero.
Key Concepts Utilized: HTML DOM manipulation, CSS (grid, styling, hover
effects), JavaScript (event listeners, functions, arithmetic operations, error
handling).
Outcome: This project, completed in the first week, enhanced my ability to
create interactive interfaces and manage user input, laying a strong foundation
for client-side scripting
Week 2: E-commerce Website
Objective: To build a responsive E-commerce Website to display products,
allow users to browse items, and simulate adding items to a cart.
Implementation: The website was structured using HTML5 semantic elements
to create sections for a product gallery, navigation bar, and cart summary. CSS
was applied to design a responsive layout with media queries, ensuring
compatibility across devices, and included styling for product cards with hover
animations. JavaScript added interactivity, such as filtering products by
category, dynamically updating the cart when items were added, and displaying
a cart total. Local storage was used to persist cart data across page reloads.
Key Concepts Utilized: HTML5 semantic elements, CSS (responsive design,
media queries, animations), JavaScript (DOM manipulation, arrays,
localStorage, event handling).
Outcome: Completed in the second week, this project strengthened my skills
in responsive web design and dynamic content management, providing
practical experience in building user-centric applications.
Week 3: To-Do List
Objective: To create a browser-based To-Do List application that allows users
to add, edit, delete, and mark tasks as complete with a clean interface.
Implementation: The application used HTML for the structure of the task
input form and task list display. CSS was applied to create a modern, grid-
based layout with color-coded task statuses and hover effects. JavaScript
managed tasks stored in an array, with functions to add, edit, delete, and toggle
task completion. The localStorage API was implemented to persist tasks across
page reloads, and event delegation was used for efficient event handling.
Key Concepts Utilized: HTML forms, CSS (grid, styling, transitions),
JavaScript (arrays, functions, localStorage, event delegation).
Outcome: Completed in the third week, this project improved my ability to
manage dynamic content and implement data persistence, reinforcing modular
coding practices.
Skills Gained
Technical Skills:
● Proficient in HTML5, including semantic elements and form handling.
● Strong understanding of CSS, including responsive design,
flexbox, grid, and animations.
● Competency in JavaScript, including DOM manipulation,
event handling, and asynchronous programming (fetch API,
async/await).
● Experience with browser APIs like localStorage for data persistence.
● Improved debugging and problem-solving skills in web
development environments.
● Familiarity with building responsive, user-friendly web interfaces.
Soft Skills:
● Time Management: Successfully managed and completed one
project per week within the given deadlines.
● Problem-Solving: Independently analyzed task
requirements and developed functional solutions.
● Attention to Detail: Ensured code was clean, semantic, and met
all specified requirements.
Conclusion
My internship at InternPe has been an incredibly rewarding experience,
providing the practical exposure necessary to reinforce my theoretical
knowledge of web development. The structured four-week program, with
one project completed each week, allowed me to build confidence in my
coding abilities and develop a portfolio of functional web projects. The
skills I’ve honed in HTML, CSS, and JavaScript during this internship
will be invaluable in my future career as a web developer. I am grateful
for this opportunity and look forward to applying these skills in
professional settings.
References
● MDN Web Docs (HTML, CSS, JavaScript)
● W3Schools (Web Development Tutorials)
● Google Developer Tools
● ChatGPT