Front End Engineering-I

Project
Team Details:
Chavi Gupta 2210991459
Chirag 2210991460
Chirag 2210991461
Chirag 2210991462

Faculty Coordinator:
:
Dr. Ajay Kumar

Chitkara University Institute of Engineering and Technology,

Chitkara University, Punjab
Table of Contents
•Introduction
•Problem Statement
•Technical Details
•Key Features
•Project Highlights
•Bonus Feature(optional)
•Conclusion
•References/Links used
Introduction
EXIT THE PLUGIN
• TEAM MEMBER’S
• CHAVI GUPTA
• CHIRAG
• CHIRAG
• CHIRAG
We made a website on Sports Academy
Our Main project is EXIT THE PLUGIN
The purpose of this project is to design an exit widget or plugin for websites or webpages that
appear as a pop-up when the user tries to exit the page. The goal of this plugin is to retain the user's
attention on the website by displaying exciting offers, discounts, or promotional content, thereby
reducing the bounce rate and increasing user engagement.
The exit plugin should be user-friendly and easily customizable to meet the specific needs of
different websites and businesses. Overall, the primary objective of this project is to enhance user
experience and improve website performance through effective exit pop-ups.
Problem Statement
Exit plugins are one effective solution to reduce bounce rates and increase
user engagement. They allow website owners to display exciting offers or
content to visitors who are about to leave the website, potentially convincing
them to stay longer or take a desired action.

According to research, exit intent pop-ups can increase conversion rates by

up to 30%.. However, it is important to note that poorly designed or
irrelevant exit popups can also have negative consequences, such as
annoying users or causing them to perceive the website as spammy.
Therefore, this project aims to design an effective and user-friendly exit
widget or plugin that can be customized to fit the specific needs and goals of
different websites and businesses.
Technical Details
The technologies and methods used to design an exit widget or plugin can
vary depending on the specific requirements and goals of the project.

Our Project is about Sports Academy

So We used HTML ,CSS & JAVASCRIPT
HTML:HTML is a markup language used to structure content on the web
CSS: CSS is a styling language used to define the look and feel of HTML elements.
JAVASCRIPT: JavaScript is used to implement exit popups that when user leaves it will
show popup so that they retain on website and enhance engagement
HTML and CSS can be used to design the layout, typography, and visual elements of
the exit-intent pop-up.
To make our Website Responsive we have
Used grids and flexboxes media query
Key Features

This slide should include Key features needed to

solve the problem.
Project Highlights

•This slide followed by many slides include the

relevant screenshots of the running project and
their corresponding code snippets.
•It should frame the complete picture of your
solution.
Bonus Feature(optional)

 A distinct and innovative feature for an exit widget or plugin could be the
use of personalized recommendations based on the user's browsing
history or behavior.
 By analyzing the user's interests and preferences, the plugin could display
targeted offers or content that is more likely to keep the user engaged
and prevent them from leaving the website.
 Another innovative feature could be the use of gamification techniques,
such as a wheel of fortune or scratch card, to make the exit popup more
interactive and engaging for the user..
Conclusion
In conclusion, designing an exit widget or plugin for a website can be an
effective way to retain users and increase engagement. By presenting users
with a compelling offer or call-to-action when they are about to leave the
site, companies can improve their conversion rates and achieve their
marketing goals.
To design a successful exit widget or plugin, it's important to have a clear
purpose and strategy, choose an appropriate format and content, design the
layout and visual elements, write the code, integrate it into the website, and
monitor its performance. With careful planning and execution, an exit widget
or plugin can be a valuable addition to any website's marketing toolkit.

TEAM TAKEAWAYS
 From this project we learn how to make popups and by using popups how
can we increase our website productivity and user rate by using popups
 And we had made a website on Sports Academy so we learn how to make
a efficient use of html css and javascript elements
References/Links used
LINKS USED FOR IMAGES
https://www.freepnglogos.com/uploads/sport-png/sport-spo
rts-png-transparent-images-30.png
https://img.icons8.com/ios-glyphs/2x/search.png
https://pngimg.com/d/beach_PNG60.png

LINKS USED FOR COLORS

https://colorhunt.co/

LINKS USED FOR FONTS

https://fonts.google.com/

GOOGLE REFRENCES