1orZero / notesappSvelteSST

This is a full-stack app made with ❤️ using some really cool technologies. The purpose is to just learn/demo how these technologies may be used.

notesapp

This is a full-stack app made with ❤️ using some really cool technologies. The purpose is to just learn/demo how these technologies may be used.

Warning
There are some production blocking issues that I have not sorted out yet and I wouldn't choose some of the technologies below if I were making a production grade app today. However, I think they have a lot of potential.

Technologies used:

• Fullstack
  • SvelteKit a UI framework
  • Auth.js authentication solution that integrates with various identity providers
• Front-end
  • Skeleton which provides UI components
  • tailwindcss a CSS framework that provides classes for styling
• Infrastructure
  • SST to build full stack apps on AWS, a nice layer on top of AWS Cloud Development Kit [CDK]
  • Amazon Cognito for authentication
  • Amazon Verified Permissions for fine-grained permissions management and authorization

Deploy to your AWS account

Note that deploying to AWS means that you might be charged for AWS resources.

Pre-requisites

You need to have an AWS account and AWS credentials configured locally.

export AWS_PROFILE=<FILL WITH YOUR AWS PROFILE>

Instructions

1. Prepare the repo

   # clone this repo
   git clone https://github.com/bluprince13/notesapp.git
   cd notesapp
   
   # install dependencies
   npm install
   
   # deploy resources to AWS and start sst local dev environment
   npx sst dev

2. Create a .env.local file

   PUBLIC_COGNITO_DOMAIN_PREFIX: <FILL WITH SOME PREFIX>-notesapp
   AWS_ACCOUNT_ID: <FILL WITH YOUR AWS_ACCOUNT_ID>

   • Fill PUBLIC_COGNITO_DOMAIN_PREFIX with your name. This will be used by Cognito to create a domain and this domain needs to be unique.
   • Fill AWS_ACCOUNT_ID of the account you plan to deploy to. This is used to make sure that you don't accidentally deploy this to another AWS account.

3. Finally start the dev server

   npm run dev

Destroy

When you're finished, make sure to remove the stacks.

npx sst remove

Infrastructure diagram