https://github.com/breuerfelix/serverless-todo

Using S3 from the browser to store data securely without a backend
https://github.com/breuerfelix/serverless-todo

preact s3 serverless todo

Last synced: about 1 month ago
JSON representation

Using S3 from the browser to store data securely without a backend

• Host: GitHub
• URL: https://github.com/breuerfelix/serverless-todo
• Owner: breuerfelix
• Created: 2024-02-29T19:38:40.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T22:02:58.000Z (6 months ago)
• Last Synced: 2024-05-22T23:23:17.875Z (6 months ago)
• Topics: preact, s3, serverless, todo
• Language: JavaScript
• Homepage: https://breuer.dev/serverless-todo/
• Size: 461 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# serverless-todo

This is a small todo application built to showcase direct interaction with AWS S3 from the browser without the need for a backend server. The application allows users to create, update, and delete todo items, with all data stored directly in an S3 bucket.

## Deployment

To deploy the application, follow these steps:

- Set up a static website host, such as GitHub Pages.

- Create an S3 bucket to store the todo data.

  - Use the terraform code in the `infrastructure` folder to create the S3 bucket.

- Set the necessary environment variables as outlined in the `.env` file.

  - These environment variables should include your AWS access key ID, secret access key, and the name of the S3 bucket.

- Protect the site with basic authentication to prevent unauthorized access.

  - **Note:** Since S3 credentials are baked into the website, it's crucial to ensure that only authorized users can access the site.

## Usage

Once the application is deployed, users can access the todo application by visiting the hosted URL. They will be prompted to enter the password to decrypt the credentials and load the todo items. From there, they can interact with the todo list as desired.

## Resources

- [AWS S3](https://aws.amazon.com/s3/)

- [Terraform](https://www.terraform.io/)

- [GitHub Pages](https://pages.github.com/)