Skip to main content
A live demo is available at wedding.rampatra.com. Use invite code 271117 to try the RSVP form.

​
Prerequisites

Before you begin, make sure you have the following installed:
  • Git — to clone the repository
  • Node.js (v14 or later) — includes npm
  • Gulp CLI — to run the build pipeline
Install the Gulp CLI globally if you haven’t already: 
npm install --global gulp-cli

​
Setup

1

Clone the repository

Clone the Wedding Website project to your local machine:
git clone https://github.com/rampatra/wedding-website.git
2

Navigate to the project directory

cd wedding-website
3

Install dependencies

Install all npm dependencies (Gulp, Sass, animate.css, Font Awesome, Waypoints):
npm install
This installs both devDependencies (gulp, gulp-sass, gulp-uglify, gulp-rename, sass) and dependencies (animate.css, font-awesome, waypoints).
4

Build the project

Run the default Gulp task to compile SCSS to CSS and minify JavaScript:
gulp
The default task runs two subtasks in sequence:
TaskWhat it doesOutput
sassCompiles sass/styles.scss → compressed CSScss/styles.min.css
minify-jsMinifies js/scripts.jsjs/scripts.min.js
You can also run individual tasks:
gulp sass
5

Open the website

Double-click index.html to open it in your browser, or use a local server:
npx serve .
You should see the full wedding website with a hero section, navigation, “How we met” story, events, engagement photos, map, and RSVP form. All animations and sections should load correctly.

​
What’s next

Now that the website is running locally, personalize it for your wedding:

Couple details

Update the couple’s names, your love story, and invitation text.

RSVP setup

Connect the RSVP form to your own Google Sheet.

Events

Add your wedding ceremony and reception details.

Deploy free

Push your personalized site live on GitHub Pages.

Build docs developers (and LLMs) love

Get started for freeTalk to us