Wedding Website · ·

This repository contains the source code for my wedding website. The website is a React project started from create-react-app.

You can view the live site at www.lledoisalim.com.

The website provides the following features:

Multi-language support (my fiancee is Catalonia)
Ability to RSVP (site authentication uses AWS Amplify)

Getting Started

This build appears to work with Node v14.19.0. Testing with Node v16.14.0 resulted in errors with gyp.

Follow this tutorial to get the Firebase databse/user authentication setup and then follow these instructions to hide the API keys from the repository.

Deploying the Site

1. Deploy CloudFormation Stack

aws cloudformation create-stack \
    --profile personal \
    --region us-east-1 \
    --stack-name WeddingWebsite \
    --capabilities CAPABILITY_IAM \
    --template-body file://resources/cloudformation/wedding-website-infrastructure.template.yaml \
    --stack-policy-body file://resources/cloudformation/wedding-website-infrastructure.policy.json

2. Set Environment Variables

# see the stack outputs
aws cloudformation describe-stacks \
    --profile personal \
    --region us-east-1 \
    --stack-name WeddingWebsite

# add the outputs to a .env file
cp env-example .env
vim .env  # fill in the correct values from the CloudFormation stack outputs

Resources