Projrct Report of Eisystem About Website Development
Projrct Report of Eisystem About Website Development
0
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Important sections in project report
Make sure to keep these sections in your project report Page
1. Cover page of report ..1
2. Student declaration ..3
3. Content Table (With Serial Number, Title, Page Number) ..4
4. List of Figures (With Caption & Figure Number) ..5
5. List of Tables (With Caption & Table Number) ..9
6. Nomenclature / Notations if any. ..11
7. Executive Summary ..12
8. Overview of Organization ..14
9. Project Summary (Preamble, Introduction, Motivation, Plan of Research) ..15
10. Data Flow Diagram / Processflow ..18
11. Code / Program with Supported Screenshots ..20
12. References. ..23
13. Student Self Evaluation ..24
14. Annexure 1 (Daily Activity Report) ..25
15. Annexure 2 (Weekly Activity Report) ..29
1
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Internship Report
On
(Book my style)
Submitted by Submitted to
[Garikapati Kavya] Mallika Srivastava
[22AR1A4402] Head, Training Delivery
[Sai Tirumala NVR Engineering College] EISystems Services
&
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Student’s Declaration
I, GARIKAPATI KAVYA ,a student of B.Tech program, Roll No. 22AR1A4402 of the
Department of [CSE(Data Science],in sai tirumala nvr engineering college College do
hereby declare that I have completed the mandatory internship in Eisystems Technologies
under the faculty guidenship of Mallika Srivastava , Department of [CSE]
, sai tirumala nvr engineering college.
(g.kavya)
Endorsements
SIGNATURE
[Mallika Srivastava ]
[CSE]
Sai tirumala nvr engineering college
SIGNATURE
Mallika Srivastava ]
[CSE]
Sai tirumala nvr engineering college
3
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Table of Content
Serial No Title Page No
01 About
Us
Discover our vision, values, and the story behind us.
02 Our
Services
Explore hair, skin, spa, and grooming
services.
03 Signature
Treatments
Indulge in our premium, luxury
experiences
04 Pricing
View our service rates and
packages.
05 Meet Our
Stylists
Get to know our expert team of stylists and
therapists.
06 Gallery
See images of our work, ambience, and
events
07 Offers &
Memberships
Learn about special offers and loyalty
memberships
08 Book an
Appointment
Easily schedule your visit with us.
09 Client
Testimonials
Read reviews and feedback from happy
clients.
10 Contact
Us
Find our location, phone number, and social
media.
.
AS PER REQUIREMENT
4 Page
Kindly mention all major headlines/sections of your report with their respective page numbers in report.
Major sections include summary, code section, data flow diagrams etc.
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
List of Figures
Serial No Image Caption Page No
01 fig:-01
02 fig:-02
5 Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
03 fig:-03
6
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
04 fig:-04
05 fig:-05
06 fig:-06
7
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
07 fig:-07
08 fig:-08
09 fig:-09
8
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
10 fig:-10
9
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
List of Tables
Serial No Table Caption Page No
1 01. About Us
Eleme
Details
nt
Title About Us
Purpo
Introduce the salon’s story, philosophy, and brand identity.
se
Taglin
“Where Style Meets Soul”
e
Missio
Enhance beauty with luxury and care.
n
Vision To become a trendsetter in beauty and wellness experiences.
Value
Trust • Quality • Innovation • Care
s
Founded in 2018, built with passion for style and self-
Story
expression.
2 02. Our Services
Element Details
Title Our Services
Showcase the full range of beauty and grooming
Purpose
services.
Categories Hair • Skin • Spa • Grooming
Highlights Unisex services, expert consultation, premium care.
Specialties Hair coloring, facials, bridal packages, beard styling.
Booking
Available via online or call appointment
Option
3 03. Signature Treatments
Element Details
Title Signature Treatments
Purpose Promote unique, high-end beauty experiences.
Royal Hair Spa • Gold Facial • Aroma Therapy • Deluxe
Types
Pedicure
Experience Luxury, relaxation, and visible transformation
Target
Brides, executives, spa lovers
Clients
4 04. Pricing
Element Details
Title Pricing
Purpose Provide clear, transparent pricing for all services.
10
11
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Nomenclature / Notations (if any)
Serial No Notations Description
1 Tagline A catchy phrase or brand message associated with the
section or business.
2 Mission The core goal or intent behind the business or section.
3 Categories / Types Subsections or service types within a section, e.g., hair, skin,
spa under “Services.”
4 Content Types Formats of media used (photos, videos, text, etc.).
5 Address / Phone / Contact information for the salon
Email
6 Methods Ways clients can interact with or use the feature (e.g.,
booking methods)
12
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Executive Summary
create a beautiful salon booking website with a sophisticated layout. This appears to be a premium beauty/salon
service website with elegant styling, booking functionality, and multiple sections showcasing services and
locations.
I'll create a modern, responsive salon booking website inspired by your design. This will feature:
The design will use warm, luxury colors like cream, gold, and brown tones to create that high-end salon feeling,
with smooth animations and professional typography.
"My Style" is a premium lifestyle and grooming brand dedicated to redefining personal beauty and self-
expression through tailored experiences. This book (or digital content guide) serves as a comprehensive walk
through of the brand’s philosophy, offerings, and client-first approach, designed to inspire confidence, comfort,
and luxury in every individual.
Founded on the belief that style is a reflection of the soul, My Style brings together expertise, elegance, and
innovation under one roof. With a wide array of services—from advanced hair styling and skin rejuvenation to
luxurious spa therapies and grooming essentials—our brand caters to clients who value quality, professionalism,
and personalized attention.
The content within this guide outlines every aspect of the My Style experience, including:
Our skilled, passionate team of stylists and therapists (Meet Our Stylists)
With a modern aesthetic and client-centered design, "My Style" is more than a brand—it's a curated journey
into self-care, individuality, and elegance. Whether you're a first-time visitor or a loyal client, this content is your
complete guide to the world of "My Style".
14
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Overview of Organization
About EISystems
India's leader in workshops & trainings at IITs, NITs & top engineering colleges
EISystems Services is a leading Indian technology identity with operations across India. EISystems (We call it
EISys) offers trainings in Cybersecurity, Machine Learning, Automobiles, Internet of Things, Robotics and
Socialmedia for enterprises and student community. Till date we have trained approximately 50000 students
and impacted around 2 lakhs students through our various outreach initiatives since our founding.
Our Presence
Some of the colleges where we had already felt our presence are given below:-
+ 91-977-3976-977
[email protected]
15
Page
Project Summary
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
1. Idea Behind Making This Project
The idea behind "My Style" emerged from the need to create a unified, elegant digital space for beauty and
grooming services. Many clients seek a luxurious yet convenient way to explore services, book appointments, and
understand the philosophy behind a brand. This project aims to bridge that gap—by offering a personalized,
visually appealing, and technically sound web platform for salons or personal styling brands.
"My Style" is a dynamic website designed for a beauty salon or personal grooming brand. It introduces users to
the brand’s identity, showcases available services, allows easy booking, and builds trust through testimonials,
galleries, and stylist profiles. This platform can also be adapted into an interactive e-book, online brochure, or
mobile app in the future.
Before starting the project, the following apparatus and setup were required:
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
GitHub account for version control and collaboration
The final output is a fully functional and responsive website (or digital brochure) for My Style that includes:
This website can be deployed online, used for promotion, and connected to Google Maps or social media for real-
time engagement.
6. Research Done
Market Research: Studied websites of leading salons and style studios to analyze layout trends and user
experience patterns.
User Behavior: Interviews and surveys with 15 salon-goers to understand what features clients value most
(booking ease, stylist info, service details).
Technology Benchmarking: Compared tools like Tailwind CSS vs. Bootstrap and Firebase vs. MySQL to
determine suitable stacks.
SEO Optimization: Researched basic on-page SEO best practices for visibility.
This data influenced the layout, features, color schemes, and booking logic.
17
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
The "My Style" website project is a complete digital solution for style-based service businesses looking to
enhance their presence and connect with modern audiences. It offers elegant design, practical features, and a
smooth user experience—combining creativity with technical precision. Whether used as a standalone web
platform or a digital brochure, "My Style" is scalable, responsive, and brand-centric.
18
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
My Style Website
│
├── Home Page
│ └── Navigation Menu
│ ├── About Us
│ ├── Our Services
│ ├── Signature Treatments
│ ├── Pricing
│ ├── Meet Our Stylists
│ ├── Gallery
│ ├── Offers & Memberships
│ ├── Book an Appointment
│ │ └── Booking Form
│ │ ├── User Inputs Details
│ │ │ ├── Name
│ │ │ ├── Contact
│ │ │ ├── Service
│ │ │ ├── Date
│ │ │ └── Time
│ │ ├── Validate Input
│ │ │ ├── Are all fields filled? — No → Show Error & Reload Form
│ │ │ └── Yes → Continue
│ │ ├── Check Slot Availability
│ │ │ ├── Slot Taken? — Yes → Show Error & Reload Form
│ │ │ └── No → Continue
│ │ ├── Save Booking
│ │ ├── Send Confirmation Message
│ │ └── Show Confirmation to User
│ ├── Client Testimonials
19
│ └── Contact Us
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Code / Program with Supported Screenshots
20
Page
Fig:-a.2
##src/components/Header.tsx
import React from 'react';
21
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
const Header = () => {
return (
<header className="bg-white shadow-sm sticky top-0 z-50">
<div className="container mx-auto px-4 py-4">
<div className="flex items-center justify-between">
<div className="flex items-center space-x-8">
<h1 className="font-playfair text-2xl font-bold text-beauty-brown">
Beauty Studio
</h1>
<nav className="hidden md:flex space-x-8">
<a href="#home" className="font-inter text-gray-700 hover:text-beauty-brown transition-
colors">Home</a>
<a href="#services" className="font-inter text-gray-700 hover:text-beauty-brown transition-
colors">Services</a>
<a href="#about" className="font-inter text-gray-700 hover:text-beauty-brown transition-
colors">About</a>
<a href="#contact" className="font-inter text-gray-700 hover:text-beauty-brown transition-
colors">Contact</a>
</nav>
</div>
Fig:-b.1
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Fig:b.2
References
2.HTML and CSS: Design and Build Websites by Jon Duckett — Helpful for structuring and styling front-
end content.
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
3. Web Design with HTML, CSS, JavaScript and jQuery by Jon Duckett — For interactive and modern
front-end development.
1.
Web Resources
1.W3Schools – https://www.w3schools.com
(HTML, CSS, JS tutorials, forms, and validation examples)
6.GitHub – https://github.com
(For version control and project hosting)
2.“Online Appointment Booking Systems” – IEEE Xplore papers (if academic version implemented)
2) Written communication 1 2 3 4 5
24
3) Initiative 1 2 3 4 5
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
4) Interaction with staff 1 2 3 4 5
5) Attitude 1 2 3 4 5
6) Dependability 1 2 3 4 5
7) Ability to learn 1 2 3 4 5
9) Professionalism 1 2 3 4 5
10) Creativity 1 2 3 4 5
12) Productivity 1 2 3 4 5
G.kavya
Signature of the Student
Annexure 1
Daily Activity Report
Week No: 01
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
25
Activity
Day 1 What is Internet? Awareness Instructor
Page
What is WWW?
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Day 2 What is Webpage? Differentiation Instructor
What is a Website?
Day 3 Types of Website Classification Trainer
Day 4 HTML ,Metatags Tagging Web Coach
Keywords
Day 5 Head, Body, Footer Structure Web Coach
Closing tags &
Commonly used
symbolsHead, Body,
Footer Closing tags
& Commonly used
symbols
Week No: 02
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Activity Learning Outcome Person In-Charge
Day 1 Table, Tags, h1-h6, P br ,div Formatting Instructor
,span.
Day 2 li ,Semantic Tags ,Header Semantics Trainer
,Footer ,Summary etc
Day 3 Analyze the impact of using Styling Web Expert
Inline Styles Internal Style
Sheets
Day 4 External Style Sheets Modularity Web Expert
Construct & Analyze rule
sets.
Day 5 Valid syntax for the CSS rule set; Selection UI Designer
selectors including class, id,
elements and pseudo-class input
types & restrictions buttons
Week No: 03
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 Markup that Navigation Developer
implements
navigation .
Day 2 Image Link ,Form Input Developer
Elements.
26
submission methods
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
input types &
restrictions buttons
Day 4 Hyperlink ,Folder Linking Instructor |
Hierarchies .
Day 5 Target ,Bookmark. Referencing Trainer
Week No: 04
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 img & picture Embedding UI Developer
elements & their
attributes. Videos &
simple iframe
implementation.
Day 2 Examples & Codes Integration Media Trainer
implementing
multimedia
Day 3 Position Content Layou Developer
Day 4 Positioning, Positioning Web Coach
including float,
relative, absolute,
max-width
Day 5 Overflow height, Control UI Designer
width & align etc.
Week No: 05
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 Font-family, color, Typography Designer
font-style, font-size,
link colors Text
formatting &
decoration
Day 2 Background & Styling Designer
Borders Border-color
27
Week No: 06
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 Domain & Hosting Understanding Host Expert
Session
Day 2 Domain & Domain Identification Host Expert
Names
Day 3 WHOIS Lookup Verification Admin
Day 4 Domain & Anti Registration Domain Officer
Domain Registration
Day 5 Hosting of website Deployment IT Trainer
Week No: 07
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 Webpage/Website Publishing Web Trainer
Uploading Domain
Hosting
Day 2 cPanel & some of its Configuration Sys Admin
important sections.
Error Page
28
Configuration
Page
Day & Date Brief Description of Daily Learning Outcome Person In-Charge
Activity
Day 1 Social Media Promotion SMO Trainer
Optimizaion (SMO)
Day 2 Online Reputation Reputation Digital Marketer
Management
Day 3 Social Plugins & Engagement Developer
Widgets
Day 4 Revision of all topice Review Lead Trainer
Day 5 Revision of all topice Recap Lead Trainer
Annexure 2
Weekly Progress Report
Week No: 8 WEEKS
(1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16)
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000
Week 3 1. Structure Documents using HTML -2
Week 4 1. Present Multimedia using HTML
2. Style Web Pages using CSS
Week 5 1. Style Web Pages using CSS
2. Introduction to Bootstrap
Week 6 1.Domain & Hosting Session
Week 7 1. Webpage/Website Uploading
2. Search Engine Optimization(SEO
Week 8 1.Social Media Optimizaion (SMO)
30
Page
EISYSTEMS SERVICES
FF-110, Express Greens Plaza, Sector 1
Vaishali – Delhi NCR – India 201010
W: www.eisystems.in | E: [email protected] | T: +91 92122-51000