Home

Awesome

Wedding Website

A beautiful, feature rich, device friendly wedding website.
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 this project to your computer
  2. $ cd wedding-website - go inside the project directory
  3. $ npm install - install dependencies
  4. $ gulp - compile sass to css, minify js, etc.
  5. That's it, open index.html file on your browser by just double-clicking on it.

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 an Engineering Manager at Mastercard R&D Labs. I enjoy making teeny tiny applications in my leisure time and this is one of them. Now that my wedding is over, I am open-sourcing the project. Hope you like it!

Lastly, if you use a Mac then you may also love Presentify, and ToDoBar. Give it a whirl and let me know your thoughts.

Contribute

Firstly, a big thanks 🙏🏻 for the overwhelming response on HackerNews, and Reddit. If you would like to contribute to this project, you can do so by creating a PR; and to support my work, you can click on one of the links under the Sponsors section or the button below.

<a href="https://www.buymeacoffee.com/rampatra" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>

P.S. For any queries or concerns, you can reach out to me on Twitter. I'll try my best to help.