Wedding Website

screenshot of Wedding Website
scss

Our Wedding Website

Overview

The Wedding Website is a feature-rich and visually appealing website designed for weddings. It is fully responsive and compatible with various devices. The website includes features such as an RSVP function that uploads data to a Google sheet, email alerts for RSVPs, an "Add to Calendar" feature for multiple calendar platforms, a "Book Uber" button for guests to book a cab to the venue, a YouTube video showcasing the venue, and a Google Map displaying the location. The best part is that the website can be started and run for free using GitHub Pages for hosting and Google Sheets for storing RSVP data.

Features

  • Slick and fully responsive design: The website is visually impressive and adapts to different screen sizes.
  • RSVP feature with Google Sheets integration: Guests can RSVP directly on the website, and the data is stored on a Google sheet.
  • Email alerts for RSVPs: The website sends email alerts whenever someone submits an RSVP.
  • Add to Calendar feature: Guests can easily add the wedding events to their preferred calendar platform.
  • Book Uber button: Guests can book a cab to the venue with just a single tap using the Uber integration.
  • YouTube video showcasing the venue: The website includes a YouTube video that provides a visual representation of the wedding venue.
  • Google Map showcasing the location: A Google Map is displayed on the website, showing the exact location of the wedding venue.
  • Free hosting and data storage: The website can be hosted for free using GitHub Pages, and RSVP data is stored on Google Sheets.
scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.