Pizza application in React and deploy in AWS S3 Bucket.

Only for the application frontend, an S3 bucket will be deploying it. The application backend is located here

To run this application without a CI/CD tool, the software needed is:

• NPM
• terraform

Also, an AWS and CircleCI account is required.

1. You need to create an S3 bucket and a DynamoDB table to store the Terraform state. Also, change the following variables in the state_config.tf:

1. Change the projects variables

1. Install the node modules.

npm i

NOTE

You can launch the test runner with:

npm test

Also, you can run the app in the development mode:

http://localhost:3000

npm start

2. Set the API endpoint into .env

echo "REACT_APP_API_URL=$BACKEND_API_ENV" >> .env

3. Build it.

npm run build

4. Enter the terraform directory and run the following commands:

# Initialize Terraform
terraform init
# Infrastructure checkout
terraform plan
# Infrastructure deploy
terraform apply

5. Upload the built frontend to the bucket

aws s3 sync . s3://<bucket name>

1. Follow the project from your CircleCI account.

2. Set the environment variables in CircleCI:

3. You need to change the configuration pipeline in the step deploy to change the bucket name

aws s3 sync . s3://<bucket name>

4. Build the project.

In the terraform output, a variable called website_endpoint contains the application URL.

NOTE

To destroy the application manually:

terraform destroy

In the pipeline, commit to a branch called "destroy".