How to have a wedding website for free

How to have a wedding website for free
118 6

Intro

A beautiful, feature-rich, and open-source wedding website.

I made this website for my wedding and open-sourced it on my 1st anniversary. However, I didn't have an expounded documentation back then when I released it but I do have one now and so thought of posting it here.

See wedding.rampatra.com for a demo. Use invite code 271117 to RSVP.

Highlights

  1. Slick and fully responsive design.
  2. RSVP feature which directly uploads data to a Google sheet.
  3. Receive email alerts when someone RSVPs.
  4. Add to Calendar feature which supports four different calendars.
  5. Book Uber button lets guests book a cab to the venue with just a single tap.
  6. A nice Youtube video showing your venue.
  7. Google Map showing your venue's location.
  8. Start and run the website completely free. No hosting, backend server, or database required as you can use GitHub Pages to host and Google sheets (with the help of Google scripts) to store RSVP data.

Getting Started

  1. git clone https://github.com/rampatra/wedding-website.git - clone the project
  2. $ cd wedding-website - go inside the project directory
  3. $ npm install - install dependencies (optional)
  4. $ gulp - compile sass to css, minify js, etc. (optional)
  5. That's it, open index.html on your browser by just double-clicking on the file.

Documentation

I have written a blog post describing all the features of this wedding website and how to customize each of them according to your needs.

About Me

Hello, my name is Ram. I am a Senior Software Engineer at Mastercard R&D Labs. I enjoy making teeny tiny applications in my leisure time and this is one of them. Hope you guys like it.

Contribute

Firstly, a big thanks ๐Ÿ™๐Ÿปfor the overwhelming response on HackerNews and Reddit. I would be more than happy for PRs or gifts ;) Just kidding, ignore it.

Build with &
Edit dev-to-clone-nuxt Edit dev-to-clone-nuxt