Summer Internship Report

Front-end Development Internship

Submitted To The P.G. Department Of Computer

Science Towards Partial Fulfilment Of Degree
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 SKILLS GAINED

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 develop a browser-based Calculator application that can perform
fundamental arithmetic operations (addition, subtraction, multiplication, and
division) while offering an intuitive and user-friendly interface.
Implementation: The calculator was developed with HTML to define the
interface, including the display screen and buttons for numbers and operators.
CSS provided styling through a grid-based layout, creating a neat and
responsive design enhanced with hover effects on the buttons. JavaScript
managed the functionality by listening for button clicks, executing arithmetic
operations, and updating the display instantly. Error handling was also
incorporated to manage situations such as division by zero..
Key Concepts Utilized: HTML DOM manipulation, CSS (grid, styling, hover
effects), JavaScript (event listeners, functions, arithmetic operations, error
handling).
Outcome: Completed in the first week, this project improved my skills in
designing interactive interfaces and handling user input, establishing a solid
base for client-side scripting.
Week 2: E-commerce Website
Objective: To develop a responsive Food Ordering Website that showcases
menus, enables users to explore dishes, and simulates adding food items to an
order cart.
Implementation: The website utilized HTML5 semantic elements to structure
sections such as the menu gallery, navigation bar, and order summary. CSS was
used to craft a responsive design with media queries for cross-device
compatibility, along with styled food item cards featuring hover animations.
JavaScript introduced interactivity by enabling dish filtering by category,
dynamically updating the order cart when items were added, and calculating the
total bill. LocalStorage ensured that the cart data remained intact even after
refreshing the page.
Key Concepts Utilized: HTML5 semantic elements, CSS (responsive design,
media queries, animations), JavaScript (DOM manipulation, arrays,
localStorage, event handling).

Outcome: Finished in the second week, this project enhanced my expertise in

responsive web design and handling dynamic content, giving me hands-on
experience in creating user-focused 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 utilized HTML to design the structure of the
task input form and the task list display. CSS was employed to implement a
clean, grid-style layout with visually distinct task statuses and interactive hover
effects. JavaScript handled the task array with features to add, update, remove,
and mark tasks as complete. The localStorage API was integrated to maintain
tasks even after refreshing the page, while event delegation ensured smooth and
optimized event handling.
Key Concepts Utilized: HTML, CSS ,JavaScript
Outcome: Finished in the third week, this project enhanced my skills in
handling dynamic content and applying data persistence, while strengthening
my approach to 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 with Cognifyz has been a truly enriching journey, giving
me the hands-on exposure needed to strengthen my conceptual
understanding of web development. The well-structured four-week
program, with one project accomplished each week, boosted my
confidence in coding and helped me create a portfolio of practical web
applications. The expertise I have gained in HTML, CSS, and JavaScript
through this internship will play a vital role in shaping my career as a web
developer. I am thankful for this experience and excited to utilize these
skills in real-world professional environments.

References
●​ MDN Web Docs (HTML, CSS, JavaScript)

●​ W3Schools (Web Development Tutorials)

●​ Google Developer Tools

●​ ChatGPT