Cse-326 Project Report

WEDDING PLANNING CHECKLIST AND BUDGET TRACKER
PROJECT REPORT
(Project Semester July-December 2023)
Submitted by: Registration no.

LAVKUSH NISHAD 12315856
RISHAV KUMAR 12315690
ABHINAV 12312525
Program - CSE
Section – K23DP
Course Code – CSE-326
Under the Guidance of
Irfan Ramzan Parray
Discipline of CSE
School of Computer Science and Engineering
Lovely Professional University, Phagwara

DECLARATION
I hereby declare that I have completed my project on WEDDING PLANNING CHECKLIST AND
BUDGET TRACKER under the guidance of Irfan Ramzan Parray. I have declared that I worked
with full dedication and my learning outcomes fulfil the requirements of Lovely Professional
University, Phagwara.
LAVKUSH NISHAD
RISHAV KUMAR
ABHINAV
ACKNOWLEDGMENT
I would like to express my special thanks Irfan Ramzan Parray Sir for her immense
support and guidance throughout the project. Without her kind direction and proper
guidance this study would have been a little success. In every phase of this project her
supervision and guidance shaped this project to be completed perfectly. I would also like
to express my gratitude to our Lovely Professional University for providing me with all
those facilities which were required in learning and gaining .
LAVKUSH NISHAD
RISHAV KUMAR
ABHINAV
Source of Data Set:
https://123luvkush.github.io/project-cse-326/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wedding-Planner</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.4/css/all.min.css">
</head>
<body>
<header class="head">
<a href="#" class="logo"><i class="fas fa-
heart"></i> Wed<span>Me</span>Good <i class="fas fa-heart"></i></a>
<nav class="navbar ">
<a href="#" class="active">Home</a>
<a href="#service">Service</a>
<a href="#vendor">Vendors</a>
<a href="#venue">Venue</a>
<a href="#invite">E-invites</a>
<a href="#contact">Contact</a>
</nav>
<div id="menu-bar"><i class="fas fa-bars"></i></div>
</header>

<section class="home" id="home">
<form action="#">
<div class="search-box">
<h1>Your Wedding,Your Way</h1>
<p>Find the best wedding vendors with thousands of trusted
reviews</p>
<select type="text" class="search-field">
<option disabled selected>Select vendor type</option>
<option value="Wedding Venues">Wedding Venues</option>
<option value="Family makeup">Family makeup</option>
<option value="bridal makeup">Bridal Makeup</option>
<option value="Groom Wear">Groom Wear</option>
<option value="Wedding Decoration">Wedding decoration</option>
</select>
<select type="text" class="search-field">
<option disabled selected>City</option>
<option value="Anand">Anand</option>
<option value="Ahemdabad">Ahemdabad</option>
<option value="Mumbai">Mumbai</option>
<option value="Baroda">Baroda</option>
<option value="Goa">Goa</option>
</select>
<button class="btn">Search</button>
</div>
</form>
</section>

<section class="service" id="service">
<div class="title">
<h1><span>S</span>ervice</h1>
</div>
<div class="services-row">
<div class="services-col">
<i class="fas fa-book-open"></i>
<h2>Invitation</h2>
<p>"Join Us on the Journey of Love: Tie the Knot! 🎉💍
Explore our Marriage Celebration Hub!"</p>
</div>
<i class="fas fa-camera"></i>
<h2>Photography & Video</h2>
<p>"Capturing Forever: Your Love Story in Every Frame - Unveil
the Magic with Our Exquisite Wedding Photography and Cinematography"</p>
</div>
<i class="fas fa-brush"></i>
<h2>Beauty & Makeup</h2>
<p>"Radiant Elegance: Unveil Your Timeless Beauty with our
Exquisite Bridal Glam Services!"</p>
</div>
<i class="fab fa-pagelines"></i>
<h2>Wedding Flowers</h2>
<p>"Blossoming Love: Elevate Your Wedding with Enchanting
Floral Elegance!"</p>
</div>
<i class="fas fa-birthday-cake"></i>
<h2>Wedding Cake</h2>
<p>"Sweet Symphony: Elevate Your Celebration with Our
Innovatively Crafted Wedding Confections!"</p>
</div>
<i class="fas fa-music"></i>
<h2>Music Band</h2>
<p>"Harmony Unveiled: Crafting Timeless Moments with Our
Bespoke Wedding Bands"</p>
</div>
<i class="fas fa-utensils"></i>
<h2>Catering Services</h2>
<p>"Unveiling EverAfter: Your Bespoke Wedding Experience
Awaits!"</p>
</div>
<i class="fas fa-ring"></i>
<h2>Attractive Jewellery</h2>
<p>"Radiant Unions: Elevate Your Love Story with Timeless
Elegance –
Discover Exquisite Wedding Jewellery That Transcends
Trends and Celebrates Forever."</p>
</div>
</div>
</section>

<section class="vendor" id="vendor">
<div class="title">
<h1><span>F</span>eatured <span>V</span>endor</h1>
</div>
<div class="vendor-list">
<div class="vendor-row">
<div class="rate">4.5 <i class="fa fa-star" aria-
hidden="true"></i></div>
<img src="im1.jpg" alt="img">
<h2>Beauty tales by Sanjana Nishad</h2>
<p>Bridal Makeup</p>
<h3>Rs.20,000 onwards</h3>
</div>
<h2>Flinters Management</h2>
<p>Wedding Planner</p>
<h3>Rs.2.5-4 Lakh</h3>
</div>
<h2>Wedding Mela</h2>
<p>Wedding Decorators</p>
<h3>Rs.80,000-30,00,000</h3>
</div>
<h2>Seventh Heaven Wedding Company</h2>
<p>Wedding Decorators-Rental Only</p>
<h3>Rs.80,000 Onwards</h3>
</div>
<h2>Wedding Elegance</h2>
<h3>Rs.80,000-30,00,000</h3>
</div>
<h2>Wedding Mela</h2>
<h3>Rs.1.8 Lakh</h3>
</div>
</div>
</section>

<section class="venue" id="venue">
<div class="title">
<h1><span>V</span>enues</h1>
</div>
<div class="venue-list">
<div class="venue-box">
<img src="venue-5.jpg" alt="img">
<div class="venue-info">
<h2>Goa</h2>
<p>Azaya Beach Resort, Goa</p>
<button class="btn">More Info</button>
</div>
</div>
<h2>Jaipur</h2>
<p>The Raj Palace</p>
</div>
</div>
<h2>Udaipur</h2>
<p>Taj Aravalli Resort and Spa</p>
</div>
</div>
<h2>Thailand</h2>
<p>Prince Palace Hotel</p>
</div>
</div>
<h2>Mumbai</h2>
<p>Grand Banquet, Chembur</p>
</div>
</div>
<h2>Daman</h2>
<p>The Deltin,Daman</p>
</div>
</div>
</div>
</section>

<section class="invite" id="invite">
<div class="title">
<h1>Card<span>Design</span></h1>
<p>Choose the best card Design.</p>
</div>
<div class="invitation-row">
<div class="invitation-box">
<img src="card-1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<footer id="contact">
<div class="container">
<div class="f-container">
<h2>WedMeGood - Your Personal Wedding Planner</h2><br>
<p>Plan your wedding with Us WedMeGood is an Indian Wedding
Planning Website </p>
<div>
<button class="btn">Register as a Vendor</button>
</div>
<div class="social">
<i class="fab fa-facebook"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-pinterest"></i>
</div>
</div>
<div class="f-container">
<h2>Our Location</h2>
<a href="#"><i class="fas fa-angle-right"></i>Jalandhar</a>
<a href="#"><i class="fas fa-angle-right"></i>Vadodara</a>
<a href="#"><i class="fas fa-angle-right"></i>Mumbai</a>
<a href="#" "><i class=" fas fa-angle-right
"></i>Ahemdabad</a>
<a href="# "><i class="fas fa-angle-right "></i>Surat</a>
</div>
<div class="f-container ">

<h2>Our Newsletter</h2>
<p>Subscribe for latest updates</p>
<input type="text " placeholder="Enter Your Email ">
<button class="btn ">Subscribe</button>
</div>
</div>
</body>
<script>
let menu = document.querySelector('#menu-bar');
let head = document.querySelector('.head .navbar');
menu.onclick = () => {
head.classList.toggle('active');
};
window.onscroll = () => {
head.classList.remove('active');
if (window.scrollY > 60) {
document.querySelector('#menu-bar').classList.add('active');
} else {
document.querySelector('#menu-bar').classList.remove('active');
}
};
</script>
</html>
@import
url('https://fonts.googleapis.com/css2?family=PT+Sans:ital@0;1&display=swap');
:root {
--clr1: rgb(21, 12, 104);
--clr2: rgb(236, 68, 90);
--clr3: #fff;
--clr4: #000;
--clr5: lightgray;
--clr6: yellow;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
text-transform: capitalize;
font-family: 'PT Sans', sans-serif;
box-sizing: border-box;
}
html {
font-size: 56%;
overflow-x: hidden;
scroll-behavior: smooth;
}
html::-webkit-scrollbar {
width: 1rem;
}
html::-webkit-scrollbar-thumb {
background: var(--clr1);
}
section {
padding: 7rem 9%;
margin-top: 7rem;
}
section h3 {
font-size: 3rem;
color: var(--clr2);
text-transform: none;
text-align: center;
letter-spacing: .2rem;
}
section p {
color: var(--clr3);
font-size: 1.5rem;
line-height: 2.5rem;
justify-content: flex-start;
}
section h4 {
margin: 0 0 1rem 30rem;
width: 40%;
font-size: 4rem;
color: var(--clr3);
text-transform: uppercase;
text-align: center;
align-items: center;
}
.btn {
margin-top: 2rem;
padding: 1.3rem 4rem;
font-size: 1.5rem;
font-weight: 600;
color: var(--clr3);
background-color: var(--clr2);
border: none;
box-shadow: 0rem 2rem 2rem rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
}
.btn:hover {
transform: translateY(-1rem);
transition: all .5s ease;
}
.title {
text-align: center;
font-family: sans-serif;
font-size: 2.5rem;
}
.title span {
color: var(--clr2);
font-size: 4rem;
}
.title p {
font-size: 1.8rem;
font-weight: 600;
color: var(--clr4);
}
/*----------------------header section---------------*/
.head {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 2rem 9%;
display: flex;
justify-content: space-between;
}
.fa-heart {
color: red;
}
.head .logo {
font-size: 2.5rem;
color: var(--clr3);
font-weight: 600;
}
span {
color: var(--clr5);
font-size: 2.5rem;
}
.head .navbar {
font-size: 1.8rem;
justify-content: space-between;
font-weight: 500;
}
.head .navbar a {
padding-left: 1.5rem;
color: var(--clr3);
}
#menu-bar {
display: none;
color: var(--clr3);
}
/*----------------------Home-------------*/
.home {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)),
url("back-1.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
height: 80vh;
}
.search-box {
margin: 20rem 0 0 0;
color: var(--clr3);
text-align: center;
}
.search-box h1 {
font-size: 5.5rem;
font-weight: 600;
}
.search-box p {
font-size: 1.8rem;
margin: .5rem 0;
}
.search-field {
width: 25rem;
height: 4.5rem;
font-size: 1.5rem;
font-weight: 600;
color: var(--clr2);
}
@media(max-width:767px) {
.search-box h1 {
font-size: 4rem;
}
.search-field {
width: 15rem;
}
}
/*-------------------services--------------*/
.services-row {
display: flex;
flex-wrap: wrap;
}
.services-col {
height: 22rem;
color: rgb(236, 68, 90);
background: url("back-2.png");
background-color: lightgray;
background-position: center;
background-size: cover;
border-radius: 15px;
flex: 1 1 25rem;
padding: 1.2rem;
margin: 1.5rem;
}
.services-col i {
padding: 2.2rem;
border: none;
background: aliceblue;
border-radius: 5rem;
font-size: 2.8rem;
}
.services-col h2 {
padding: 1rem 0;
font-size: 2rem;
color: #000;
}
.services-col p {
font-size: 1.2rem;
color: #000;
}
@media (max-width:767px) {
.service {
margin-bottom: 30rem;
}
}
/*----------------------vendor section------------*/
.vendor-list {
display: flex;
flex-wrap: wrap;
}
.vendor .vendor-row {
max-width: 1300px;
background: rgb(245, 236, 245);
height: 35rem;
flex: 1 1 30rem;
padding: 1.2rem;
margin: 1.5rem;
box-shadow: 0 .2rem .5rem rgb(236, 68, 90);
}
.vendor-row:hover {
transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transform: rotate(5deg);
}
.vendor-row .rate {
width: 6rem;
padding: .5rem .1rem;
color: #000;
border: none;
font-size: 1.6rem;
font-weight: 400;
}
.vendor .vendor-row img {

height: 20rem;
width: 100%;
object-fit: cover;
}
.vendor-row h2 {
font-size: 2rem;
font-weight: 600;
}
.vendor-row p {
font-size: 1.2rem;
font-weight: 500;
color: var(--clr4);
}
.vendor h3 {
font-size: 2rem;
color: var(clr2);
}
/*----------------------------venue section-----------------*/
.venue .venue-list {
display: flex;
flex-wrap: wrap;
}
.venue .venue-list .venue-box {

flex: 1 1 50rem;
margin: 1rem;
position: relative;
border-radius: .6rem;
overflow: hidden;
height: 20rem;
}
.venue .venue-list .venue-box img {

height: 100%;
width: 100%;
object-fit: cover;
}
.venue .venue-list .venue-box .venue-info {

display: flex;
flex-flow: column;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
background: rgba(46, 39, 40, 0.5);
transform: scale(1.3);
opacity: 0;
transition: 1s ease;
}
.venue .venue-list .venue-box:hover .venue-info {

transform: scale(1);
opacity: 1;
}
.venue .venue-list .venue-box .venue-info h2 {

font-size: 3rem;
}
.venue .venue-list .venue-box .venue-info p {

font-size: 2rem;
}
.venue .venue-list .venue-box .venue-info .btn {

width: 12rem;
height: 4rem;
margin: 1rem;
padding: .6rem;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
background: rgb(236, 68, 90);
border: none;
}
/*--------------------------e-invitation section-----------*/
.invite .invitation-row {
display: flex;
flex-wrap: wrap;
}
.invite .invitation-row .invitation-box {

flex: 1 1 25rem;
margin: 1rem;
position: relative;
border: .2rem dotted var(--clr2);
padding: 2rem;
overflow: hidden;
height: 30rem;
}
.invite .invitation-row .invitation-box:hover {

transition: .5s ease;
transform: translateY(-2rem);
}
.invite .invitation-row .invitation-box img {

height: 100%;
width: 100%;
object-fit: cover;
}
/*---------------------------footer section-------------*/
footer {
padding: 5rem 5%;
}
#contact {
background-color: var(--clr2);
}
.container {
padding: 3rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem;
}
.f-container h2 {
font-size: 2.5rem;
color: var(--clr3);
padding: 1rem 0;
}
.f-container a {
font-size: 1.4rem;
text-decoration: none;
color: var(--clr3);
padding: 1rem 0;
display: block;
}
.f-container a:hover {
transform: translateX(.5rem);
transition: .5s ease;
}
.f-container i {
padding-right: .5rem;
color: var(--clr1);
}
.f-container p {
padding-bottom: 1rem;
font-size: 1.5rem;
color: var(--clr1);
}
.f-container input {
width: 90%;
padding: 1rem;
background: #eee;
border: .2rem solid var(--clr1);
}
.f-container .btn {
color: #fff;
cursor: pointer;
margin-top: 2rem;
}
.f-container .social i {
margin-top: 1rem;
font-size: 2rem;
padding: 1rem;
}
.f-container .social i:hover {

transform: rotate(360deg);
transition: 1s ease;
}
.footer-content {
padding: 2rem 0;
text-align: center;
}
.footer-content h1 {
font-size: 3rem;
color: #aaa;
}
.copyright {
padding: 2rem 0;
text-align: center;
color: #fff;
font-size: 1.5rem;
}
.copyright p {
font-size: 1.2rem;
color: #aaa;
}
/*----------------------media Query-------------------*/
html {
font-size: 55%;
}
.head {
padding: 3rem;
}
section {
padding: 3rem 2rem;
}
}
html {
font-size: 55%;
}
.head {
padding: 3rem;
}
#menu-bar {
display: inline-block;
font-size: 2rem;
}
.navbar {
position: absolute;
top: 99%;
left: 0;
right: 0;
clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}
.head .navbar.active {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.navbar a {
display: block;
margin: 2rem;
}
.inner-content {
margin-top: 2rem;
}
.service,
.vendor-list,
.venue-list,
.invitation-row,
.container {
}
.in-box {
margin-bottom: 2rem;
}
.blog-content {
padding: 1rem;
}
section h4 {
font-size: 3rem;
margin-left: 10rem;
text-align: center;
}
}
.home-content {
}
.home .inner-content {
text-align: center;
}
.home .inner-content-img img {
width: 35rem;
}
}
html {
font-size: 50%;
}
.head {
padding: 3rem;
}
}
OUTPUT:
Table of Contents
CHAPTER 1 ...................................................................................................................................... 1
INTRODUCTION ................................................................................................................................. 2
1.1. Wedding Planning Overview....................................................................................................... 3
1.2. Importance of Checklist and Budget Tracker ............................................................................. 4
CHAPTER 2
GETTING STARTED ............................................................................................................................. 5
2.1. Set Date and Budget
2.2 Create Vision Board
CHAPTER 3
PLANNING TIMELINE
3.1 Announce Engagement
3.2 Set Budget
3.3 Draft Guest List
3.4 Choose Venue
3.5 Select Wedding Party
CHAPTER 4
4.1 Overall Budget Overview
4.2 Budget Allocation
4.3 Track Expenses
CHAPTER 5
TOOLS REQUIRED
5.1 HTML , CSS, JAVASCRIPT
5.2 Supportive operating system
5.3 Minimum Hardware Requirements
5.4 Minimum Software R
CHAPTER 6
CONCLUSION
6.1 Conclusion ................................................................................................................................ 6

INTRODUCTION
A wedding planning checklist and budget tracker are essential tools for couples preparing to tie
the knot. These tools help streamline the wedding planning process, ensuring that nothing is
overlooked and that expenses are managed efficiently. Here's a brief introduction to each:
1. Wedding Planning Checklist:

 Purpose: A wedding planning checklist is a comprehensive guide that outlines all
the tasks and details involved in organizing a wedding. It serves as a roadmap to
help couples stay organized and on track throughout the planning process.
 Content: The checklist typically includes categories such as venue selection, guest
list creation, catering, attire, decorations, entertainment, and more. It breaks down
each category into specific tasks, from choosing a date to sending thank-you
cards after the wedding.
 Benefits: Using a wedding planning checklist ensures that no important detail is
overlooked, helps prioritize tasks, and reduces stress by breaking the planning
process into manageable steps.
2. Budget Tracker:
 Purpose: A budget tracker is a financial tool that helps couples manage and
monitor their wedding expenses. It allows them to set a budget, track spending,
and make informed decisions to stay within financial constraints.
 Functionality: Couples can input estimated and actual costs for each wedding
expense, such as venue, catering, attire, and decorations. The tracker calculates
the total spending, highlights any budget overages, and provides a clear picture
of the financial aspects of the wedding.
 Benefits: A budget tracker is crucial for maintaining financial discipline,
preventing overspending, and identifying areas where adjustments can be made.
It helps couples make informed choices about where to allocate their resources.
By using both a wedding planning checklist and a budget tracker, couples can ensure a
systematic and organized approach to one of the most significant events in their lives. These
tools contribute to a smoother planning process, allowing couples to focus on enjoying their
special day rather than being overwhelmed by logistical details.
A wedding planning checklist and budget tracker are essential tools for couples preparing to tie
the knot. These tools help streamline the wedding planning process, ensuring that nothing is
overlooked and that expenses are managed efficiently. Here's a brief introduction to each:
Certainly! Planning a wedding involves a series of tasks and decisions to
ensure that the big day runs smoothly and meets the expectations of the
couple getting married. Here's a general overview of the wedding planning
process:
1. Set a Budget:
 Determine how much you're willing to spend on the wedding.
 Allocate funds to different aspects like venue, catering, attire,
photography, etc.
2. Create a Guest List:
 Decide on the number of guests you want to invite.
 Create a preliminary guest list to help in selecting an
appropriate venue.
3. Choose a Wedding Date and Venue:
 Consider factors like season, availability, and any special dates.
 Visit potential venues and select one that suits your style and
accommodates your guest count.
4. Hire Key Vendors:
 Book a photographer, videographer, caterer, florist, and
entertainment.
 Research and hire other vendors based on your needs (e.g.,
wedding planner, officiant, cake baker).
5. Select Wedding Attire:
 Choose the bride's and groom's attire.
 Schedule fittings and alterations.
6. Design Invitations:
 Create or order wedding invitations that match your theme.
 Include important details such as date, time, location, and RSVP
instructions.
7. Plan Ceremony and Reception:
 Decide on the order of events for the ceremony.
 Plan the reception, including seating arrangements, menu, and
entertainment.
8. Registry and Gifts:
 Create a wedding registry for gifts.
 Consider any cultural or personal preferences regarding gifts.
9. Organize Transportation:
 Arrange transportation for the wedding party and guests if
necessary.
10. Obtain Necessary Documents:
 Ensure all legal documents, such as marriage licenses, are
obtained and completed.
11. Plan Honeymoon:
 If you're going on a honeymoon, plan the details and make
necessary reservations.
12. Finalize Details:
 Confirm details with all vendors.
 Create a wedding day timeline.
13. Coordinate Rehearsal:
 Schedule and attend the wedding rehearsal to ensure everyone
knows their roles.
14. The Wedding Day:
 Get ready, exchange vows, and enjoy your special day!
15. Post-Wedding Tasks:
 Send thank-you cards to guests and vendors.
 Complete any necessary name changes or paperwork.
Remember that flexibility is key, and it's important to enjoy the process.
Many couples find it helpful to hire a wedding planner to assist with the
details and coordination, especially if time or resources are limited.
Importance of Wedding Checklists:
1. Organizing the Big Day:
 A wedding checklist serves as your roadmap for organizing all
the details, from choosing the venue to picking the perfect
flowers.
2. Prioritizing Wedding Tasks:
 Helps prioritize tasks like selecting the wedding dress, finalizing
the guest list, and booking vendors based on their importance
and deadlines.
3. Avoiding Overlooking Details:
 Reduces the risk of overlooking crucial details by providing a
comprehensive list of items that need attention.
4. Coordination Among Wedding Team:
 Ideal for coordinating tasks among the wedding party, ensuring
everyone knows their responsibilities leading up to the big day.
5. Managing Wedding Timeline:
 Breaks down the planning process into manageable steps,
creating a timeline that helps in avoiding last-minute rushes.
6. Minimizing Stress:
 Alleviates stress by breaking down the planning into smaller,
more manageable tasks.
7. Customizing to Your Wedding:
 Can be customized to include specific elements unique to your
wedding, making it a personalized guide.
8. Tracking Progress Visually:
 Offers a visual representation of what has been accomplished
and what still needs attention.
Importance of Wedding Budget Tracker:

1. Controlling Wedding Expenses:
 A budget tracker is essential for maintaining control over
wedding expenses, preventing overspending and financial
stress.
2. Allocating Funds Effectively:
 Helps allocate funds to different aspects such as venue,
catering, and entertainment based on priority and importance.
3. Preventing Financial Strain:
 Aids in avoiding unnecessary financial strain by sticking to the
predetermined budget, ensuring a more enjoyable wedding
experience.
4. Informed Decision Making:
 Knowing your budget helps in making informed decisions
about vendors, decorations, and other aspects, ensuring
financial compatibility.
5. Negotiating with Vendors:
 Enables better negotiation with vendors, ensuring you get the
best value for your money.
6. Realistic Wedding Planning:
 Provides a realistic overview of what you can afford, helping set
expectations and prevent disappointment.
7. Emergency Fund for Unforeseen Expenses:
 Allows for the creation of an emergency fund, addressing
unexpected expenses without jeopardizing the overall budget.
8. Post-Wedding Financial Analysis:
 Assists in post-wedding financial reconciliation, providing
insights into how well you adhered to your initial budget.
In essence, wedding checklists and budget trackers are indispensable tools

for orchestrating a wedding. They bring order to the planning process,
ensure financial responsibility, and contribute to a smoother, more
enjoyable wedding experience.
Setting the Wedding Date:
Considerations for Choosing a Wedding Date:
1. Season and Weather:

 Decide if you prefer a spring, summer, fall, or winter wedding
and consider the climate during that time.
2. Significant Dates:
 Choose a date that holds personal significance, such as the
anniversary of when you first met or your proposal date.
3. Venue Availability:
 Check the availability of your desired wedding venue. Some
venues may have limited availability, especially during peak
wedding seasons.
4. Guest Availability:
 Consider the schedules of important guests, ensuring key
people like family and close friends can attend.
5. Budget Considerations:
 Some days of the week or times of the year may be more
budget-friendly for weddings. Be mindful of your budget when
selecting a date.
6. Cultural and Religious Considerations:
 Take into account any cultural or religious considerations that
may influence the timing of your wedding.
7. Holiday Considerations:
 Check for any holidays or significant events that might impact
travel plans for guests or affect vendor availability.
8. Personal Preferences:
 Consider your own preferences, such as a favorite season or a
specific month that holds sentimental value.
Setting the Wedding Budget:

Steps to Establishing a Wedding Budget:
1. Determine Total Budget:

 Decide on the overall amount you are willing to spend on the
wedding.
2. Prioritize Expenses:
 Identify the key elements of your wedding (venue, catering,
attire, etc.) and prioritize them based on importance.
3. Research Costs:
 Research the average costs for each wedding element in your
location to get a realistic sense of expenses.
4. Allocate Funds:
 Allocate a portion of your budget to each category. Be flexible
but try to stick to these allocations.
5. Create a Contingency Fund:
 Set aside a contingency fund for unexpected expenses or last-
minute additions.
6. Review and Adjust:
 Regularly review and adjust your budget as needed. Be realistic
about what you can afford.
7. Track Expenses:
 Use a budget tracker to monitor expenses and ensure you are
staying within your allocated budget.
8. Communicate with All Parties:
 If others are contributing to the budget, communicate openly
and ensure everyone is on the same page regarding financial
expectations.
Creating a Vision Board:

Steps to Creating a Wedding Vision Board:
1. Gather Inspiration:
 Collect images, colours, and themes that inspire you. This can
include pictures from magazines, online platforms, or personal
photos.
2. Define Your Style:
 Determine the overall style you envision for your wedding,
whether it's rustic, classic, modern, or a specific theme.
3. Colour Palette:
 Choose a colour palette that reflects your preferences and the
mood you want to convey.
4. Include Key Elements:
 Add images or words that represent key elements, such as the
venue, floral arrangements, attire, and décor.
5. Personal Touch:
 Incorporate elements that reflect your personality and the
unique aspects of your relationship.
6. Layout and Design:
 Arrange the images and elements on a board in a way that
visually represents the flow and aesthetic of your wedding.
7. Share with Vendors:
 Share your vision board with vendors, such as the florist,
decorator, and wedding planner, to ensure everyone is aligned
with your vision.
8. Evolve and Refine:
 Your vision may evolve as you plan. Periodically revisit and
refine your vision board to ensure it aligns with your evolving
ideas.
Setting a wedding date and budget are foundational steps in the wedding
planning process. The vision board, on the other hand, acts as a visual
representation of your dream wedding, guiding decisions and helping
vendors understand your aesthetic preferences. Combining these elements
sets the stage for a well-organized and visually cohesive wedding
celebration.
Setting the Wedding Date:

Considerations for Choosing a Wedding Date:
1. Season and Weather:

 Decide if you prefer a spring, summer, fall, or winter wedding
and consider the climate during that time.
2. Significant Dates:
 Choose a date that holds personal significance, such as the
anniversary of when you first met or your proposal date.
3. Venue Availability:
 Check the availability of your desired wedding venue. Some
venues may have limited availability, especially during peak
wedding seasons.
4. Guest Availability:
 Consider the schedules of important guests, ensuring key
people like family and close friends can attend.
5. Budget Considerations:
 Some days of the week or times of the year may be more
budget-friendly for weddings. Be mindful of your budget when
selecting a date.
6. Cultural and Religious Considerations:
 Take into account any cultural or religious considerations that
may influence the timing of your wedding.
7. Holiday Considerations:
 Check for any holidays or significant events that might impact
travel plans for guests or affect vendor availability.
8. Personal Preferences:
 Consider your own preferences, such as a favorite season or a
specific month that holds sentimental value.
Setting the Wedding Budget:

Steps to Establishing a Wedding Budget:
1. Determine Total Budget:

 Decide on the overall amount you are willing to spend on the
wedding.
2. Prioritize Expenses:
 Identify the key elements of your wedding (venue, catering,
attire, etc.) and prioritize them based on importance.
3. Research Costs:
 Research the average costs for each wedding element in your
location to get a realistic sense of expenses.
4. Allocate Funds:
 Allocate a portion of your budget to each category. Be flexible
but try to stick to these allocations.
5. Create a Contingency Fund:
 Set aside a contingency fund for unexpected expenses or last-
minute additions.
6. Review and Adjust:
 Regularly review and adjust your budget as needed. Be realistic
about what you can afford.
7. Track Expenses:
 Use a budget tracker to monitor expenses and ensure you are
staying within your allocated budget.
8. Communicate with All Parties:
 If others are contributing to the budget, communicate openly
and ensure everyone is on the same page regarding financial
expectations.
Creating a Vision Board:

Steps to Creating a Wedding Vision Board:
1. Gather Inspiration:
 Collect images, colours, and themes that inspire you. This can
include pictures from magazines, online platforms, or personal
photos.
2. Define Your Style:
 Determine the overall style you envision for your wedding,
whether it's rustic, classic, modern, or a specific theme.
3. Colour Palette:
 Choose a colour palette that reflects your preferences and the
mood you want to convey.
4. Include Key Elements:
 Add images or words that represent key elements, such as the
venue, floral arrangements, attire, and décor.
5. Personal Touch:
 Incorporate elements that reflect your personality and the
unique aspects of your relationship.
6. Layout and Design:
 Arrange the images and elements on a board in a way that
visually represents the flow and aesthetic of your wedding.
7. Share with Vendors:
 Share your vision board with vendors, such as the florist,
decorator, and wedding planner, to ensure everyone is aligned
with your vision.
8. Evolve and Refine:
 Your vision may evolve as you plan. Periodically revisit and
refine your vision board to ensure it aligns with your evolving
ideas.
Setting a wedding date and budget are foundational steps in the wedding
planning process. The vision board, on the other hand, acts as a visual
representation of your dream wedding, guiding decisions and helping
vendors understand your aesthetic preferences. Combining these elements
sets the stage for a well-organized and visually cohesive wedding
celebration.
Wedding Planning Timeline:
1. Announce Engagement:
 Share the exciting news with close family and friends.

 Consider a social media announcement or engagement party to
celebrate.
2. Set Budget:
 Determine the overall budget for the wedding, including

contributions from all parties involved.
 Create a detailed budget breakdown for various wedding expenses.
3. Draft Guest List:
 Begin compiling a preliminary guest list, starting with essential family

and friends.
 Consider the desired size of the wedding and potential venue
capacity.
4. Choose Venue:
 Research and visit potential wedding venues.

 Consider factors such as location, capacity, amenities, and cost.
 Inquire about available dates and book the venue well in advance.
5. Select Wedding Party:
 Choose bridesmaids, groomsmen, and any additional members of the

wedding party.
 Communicate responsibilities, discuss attire, and ensure everyone is
on board.
 Early Engagement Period: Use this time to not only celebrate but
also initiate discussions about your wedding vision and priorities.
 Budget as a Foundation: Establishing a comprehensive budget early
on is crucial for making informed decisions throughout the planning
process.
 Guest List Preliminary Draft: Start creating a guest list to gauge the
scale of your wedding and facilitate future planning steps.
 Securing the Venue: Booking the venue early is essential, as it sets
the tone for the entire event and affects the available dates for other
vendors.
 Forming the Wedding Party: Selecting your wedding party early
allows for effective coordination and ensures everyone is prepared
for their roles. Discussing expectations early can help avoid
misunderstandings later in the process.
CHAPTER 5
TOOLS REQUIRED
5.1 HTML (Hypertext Markup Language):
Definition: HTML, which stands for Hypertext Markup Language, is the

standard markup language for creating and designing web pages. It
provides a structure for content on the internet, allowing developers to
organize and present information through a series of elements and tags.
Key Concepts:
1. Markup Language:
 HTML uses a system of tags and attributes to mark elements
within a document, indicating their structure and function.
2. Document Structure:
 An HTML document typically consists of a series of nested
elements, including headings, paragraphs, lists, images, links,
and more.
3. Tags:
 Tags are the building blocks of HTML and are used to define
elements. They come in pairs, with an opening tag (<tag>) and
a closing tag (</tag>).
4. Attributes:
 Attributes provide additional information about HTML
elements and are included within the opening tag. For example,
the <a> (anchor) element can have an "href" attribute specifying
the link's destination.
5. Semantic Elements:
 HTML5 introduced semantic elements like <header> , <nav> ,
<article> , <footer> , which provide more meaning to the content,
aiding in better document structure.
6. Hyperlinks:
 <a> tags are used for creating hyperlinks. The "href" attribute
specifies the URL to which the link points.
7. Images:
 <img> tags are used to embed images, with the "src" attribute
indicating the image file's source.
8. Lists:
 (unordered list) and <ol> (ordered list) are used to create
<ul>
lists, and <li> tags represent list items.
9. Forms:
 HTML includes form elements like <form> , <input> , <select> , and
<button> for user input and data submission.
10. Document Type Declaration (DOCTYPE):
 The DOCTYPE declaration is used to specify the HTML version
being used in the document.
Basic HTML Structure:
htmlCopy code
<!DOCTYPE html> <html> <head> <title> Page Title </title> </head> <body> <h1> This is a
Heading </h1> <p> This is a paragraph. </p> </body> </html>
This simple HTML structure includes the DOCTYPE declaration, the <html>
element, the <head> section (containing metadata like the title), and the <body>
section (containing the visible content).
HTML (Hypertext Markup Language):

Key Concepts:
1. Markup Language:
and more.
3. Tags:
4. Attributes:
6. Hyperlinks:
7. Images:
8. Lists:
 <ul> (unordered list) and <ol> (ordered list) are used to create
9. Forms:
htmlCopy code
<!DOCTYPE html> <html> <head> <title> Page Title </title> </head> <body> <h1> This is a
HTML (Hypertext Markup Language):

Key Concepts:
1. Markup Language:
and more.
3. Tags:
4. Attributes:
6. Hyperlinks:
7. Images:
8. Lists:
 <ul> (unordered list) and <ol> (ordered list) are used to create
9. Forms:
htmlCopy code
<!<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>DOCT<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>YPE html> <html> <head> <title> Page Title </title> </head> <body> <h1> This is a
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
CSS (Cascading Style Sheets):
Definition: CSS, or Cascading Style Sheets, is a style sheet language used

to describe the presentation of a document written in HTML or XML. It
enables web developers to control the layout, appearance, and formatting
of multiple web pages consistently.
Key Concepts:
1. Selectors:
 CSS uses selectors to target HTML elements and apply styles to
them. Selectors can target elements by type, class, ID, or other
attributes.
2. Properties:
 CSS properties define the visual style of the selected elements.
Examples include color , font-size , margin , padding , and more.
3. Values:
 Each property is assigned a value that determines its specific
characteristics. For example, color: blue sets the text color to
blue.
4. Box Model:
 The box model in CSS defines how elements are structured,
including content, padding, borders, and margins.
Understanding the box model is crucial for layout design.
5. Layout:
 CSS allows developers to create responsive and flexible layouts.
Techniques like Flexbox and Grid provide powerful tools for
designing complex structures.
6. Cascading:
 The term "cascading" in CSS refers to the order of priority when
multiple styles conflict. Styles can be inherited, overwritten, or
combined based on specificity and importance.
7. Selectors and Combinators:
 CSS supports a variety of selectors and combinators, allowing
for precise targeting of elements. Examples include descendant
selectors (div p ), child selectors (ul > li ), and class selectors
(.classname ’).
 Media queries enable the creation of responsive designs by
applying different styles based on characteristics like screen
width, height, or device orientation.
8. Transitions and Animations:
 CSS supports transitions and animations to add dynamic effects
to elements. This includes smooth transitions between states
and keyframe animations.
9. Vendor Prefixes:
 To accommodate different browser implementations,
developers may need to use vendor prefixes (-webkit-, -moz-, -
ms-, etc.) for certain CSS properties during a transitional period.
Example CSS Code:
cssCopy code
/* CSS styles for a basic webpage */
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
background-color: #f2f2f2;
}
h1 {
color: navy;
}
p {
font-size: 16px;
line-height: 1.5;
}
.container {
width: 80%;
margin: 0 auto;
}
This CSS code sets the overall style for a webpage, including the font,
margins, padding, and background color. It also styles specific elements like
headings (h1 ) and paragraphs (p ). The .container class is an example of
applying styles to an element with a specific class.
5.2 Supportive operating system
The supported Operating Systems include:
. Windows
. Linux
5.3 Minimum Hardware Requirements
. Computer with at least 4 GB RAM
. Internet connectivity
5.4 Minimum Software Requirements
. HTML,CSS,Javascript
JavaScript:
Definition: JavaScript is a versatile, high-level programming language

primarily used for creating dynamic content on websites. As a client-side
scripting language, it enables developers to add interactivity, manipulate
the Document Object Model (DOM), and respond to user actions in web
browsers.
Key Concepts:
1. Dynamic Scripting:
 JavaScript is commonly used for dynamic scripting on the client
side, allowing for real-time updates and changes to web pages
without requiring a page reload.
2. Event-Driven Programming:
 JavaScript is event-driven, meaning it can respond to user
actions (clicks, key presses) and trigger functions accordingly.
3. DOM Manipulation:
 JavaScript interacts with the Document Object Model (DOM),
enabling developers to dynamically modify the structure and
content of HTML documents.
4. Variables and Data Types:
 JavaScript supports variables for storing data, and it has various
data types such as strings, numbers, booleans, objects, and
arrays.
5. Functions:
 Functions in JavaScript allow developers to group code into
reusable blocks, promoting modular and organized code.
6. Control Flow:
 JavaScript supports control flow structures like if statements,
for and while loops, enabling developers to control the
execution of code based on conditions.
7. Asynchronous Programming:
 JavaScript supports asynchronous programming, allowing for
non-blocking operations, such as fetching data from servers or
handling user input without freezing the entire application.
8. JSON (JavaScript Object Notation):
 JavaScript often interacts with JSON, a lightweight data
interchange format. It's widely used for data exchange between
a server and a web application.
9. Libraries and Frameworks:
 Numerous libraries and frameworks built on JavaScript, such as
jQuery, React, Angular, and Vue.js, facilitate the development of
complex web applications.
10. Cross-Browser Compatibility:
 JavaScript is executed on the client side, making it essential for
creating cross-browser compatible web applications. Modern
frameworks often handle many compatibility issues.
Example JavaScript Code:
javascriptCopy code
// Simple JavaScript code to display a message

let greeting = "Hello, ";
let name = "John";
let message = greeting + name + "!";
console.log(message);
In this example, JavaScript variables ( greeting , name , message ) are used to

concatenate strings and create a personalized greeting. The console.log()
statement outputs the message to the browser console.
Conclusion for Wedding Planning Checklist and
Budget Tracker Project:
Developing a wedding planning checklist and budget tracker is a

comprehensive and practical project that serves as an invaluable tool for
couples embarking on their journey to create a memorable wedding. Here
are the key features and benefits of such a project:
1. Organization and Efficiency:

 The checklist provides a structured roadmap, ensuring that
every aspect of wedding planning is accounted for and
organized in a logical sequence.
2. Prioritization and Time Management:
 By breaking down tasks into a checklist, couples can prioritize
and manage their time effectively, preventing last-minute
rushes and reducing stress.
3. Financial Control:
 The budget tracker is a fundamental aspect of the project,
offering a transparent view of expenses and preventing
overspending. It encourages couples to allocate funds wisely
and make informed financial decisions.
4. Customization for Personalization:
 The checklist and budget tracker can be customized to suit the
couple's unique preferences, cultural practices, and wedding
style, ensuring a personalized planning experience.
5. Collaborative Planning:
 If multiple individuals are involved in the planning process, the
checklist and budget tracker promote collaboration and clear
communication among team members.
6. Visual Progress Tracking:
 The checklist visually represents the progress made in the
planning process, providing a sense of accomplishment as tasks
are completed.
7. Adaptability and Flexibility:
 The project recognizes the dynamic nature of wedding
planning and allows for adaptability. Couples can modify and
update their checklist and budget as circumstances change.
8. Vendor Coordination:
 The project facilitates coordination with vendors by including
key tasks related to hiring and communicating with
photographers, caterers, florists, and other service providers.
9. Prevention of Oversights:
 With a comprehensive checklist, the likelihood of overlooking
important details is significantly reduced, ensuring a well-
organized and seamless wedding day.
10. Post-Wedding Analysis:
 The budget tracker supports post-wedding financial analysis,
offering insights into how well the actual expenses aligned with
the initial budget.
In conclusion, a wedding planning checklist and budget tracker project is a

holistic approach to streamline the wedding planning process. By
combining organization, financial management, and personalization, this
project aims to empower couples to create their dream wedding while
minimizing stress and maximizing the joy of the celebration.

Cse-326 Project Report

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cse-326 Project Report

Uploaded by

Copyright:

Available Formats

WEDDING PLANNING CHECKLIST AND BUDGET TRACKER

Submitted by: Registration no.

RISHAV KUMAR 12315690

Course Code – CSE-326

Under the Guidance of

Irfan Ramzan Parray

School of Computer Science and Engineering

Lovely Professional University, Phagwara

<div class="f-container ">

.vendor .vendor-row img {

.venue .venue-list .venue-box {

.venue .venue-list .venue-box img {

.venue .venue-list .venue-box .venue-info {

.venue .venue-list .venue-box:hover .venue-info {

.venue .venue-list .venue-box .venue-info h2 {

.venue .venue-list .venue-box .venue-info p {

.venue .venue-list .venue-box .venue-info .btn {

.invite .invitation-row .invitation-box {

.invite .invitation-row .invitation-box:hover {

.invite .invitation-row .invitation-box img {

.f-container .social i:hover {

4.2 Budget Allocation

4.3 Track Expenses

5.1 HTML , CSS, JAVASCRIPT

5.2 Supportive operating system

5.3 Minimum Hardware Requirements

5.4 Minimum Software R

6.1 Conclusion ................................................................................................................................ 6

1. Wedding Planning Checklist:

Importance of Wedding Budget Tracker:

In essence, wedding checklists and budget trackers are indispensable tools

1. Season and Weather:

Setting the Wedding Budget:

1. Determine Total Budget:

Creating a Vision Board:

Setting the Wedding Date:

1. Season and Weather:

Setting the Wedding Budget:

1. Determine Total Budget:

Creating a Vision Board:

 Share the exciting news with close family and friends.

 Determine the overall budget for the wedding, including

3. Draft Guest List:

 Begin compiling a preliminary guest list, starting with essential family

 Research and visit potential wedding venues.

5. Select Wedding Party:

 Choose bridesmaids, groomsmen, and any additional members of the

5.1 HTML (Hypertext Markup Language):

Definition: HTML, which stands for Hypertext Markup Language, is the

Basic HTML Structure:

Definition: HTML, which stands for Hypertext Markup Language, is the

Basic HTML Structure:

Definition: HTML, which stands for Hypertext Markup Language, is the

Definition: CSS, or Cascading Style Sheets, is a style sheet language used

Example CSS Code:

The supported Operating Systems include:

5.3 Minimum Hardware Requirements

. Computer with at least 4 GB RAM

5.4 Minimum Software Requirements

Definition: JavaScript is a versatile, high-level programming language

Example JavaScript Code:

// Simple JavaScript code to display a message

In this example, JavaScript variables ( greeting , name , message ) are used to