Code Monkey home page Code Monkey logo

amplify-todo-tutorial's Introduction

Simple ToDo App with AWSAmplify

Live App:

https://main.d3l9nsrhlyyztc.amplifyapp.com/

(please note that I may have to take it down if I exceed AWS's free tier)

How I worked on this

I pieced together an explanation of AWS, serverles and Amplify by following tutorials and reading parts of the book "Serverless Achitectures on AWS" published by Manning, wich I purchased for this project.

Then I wrote a tutorial myself and published it on my blog. I took a lot of care of researching every piece on the Amplify docs. Because I wanted to write something that others find useful.

You can read the blog post here: How to (and why) go *serverless*

Why I built it this way

I mainly followed tutorials to build this. So I didn't bother too much on the decision-making for this poject. I focused on learning AWS and Next.js.

What did I learn?

(1) I learned a lot about serverless and AWS. Before this I knew nothing at all. (2) I learned the basics of Next.js and the "Jamstack" approach to web architecture (3) I learned how AWSAmplify works. And how it compares to other solutions like the serverless framework, terraform and AWS CloudDevelopmentKit. I understand how it uses AWS CloudFormation under the hood.

If I had more time...

(1) I would work a little more on the visuals with TailwindCSS. For this I just used the default Next.js css (2) I would migrate to AmplifyUI from the older amplify react components and work a little bit more on customizing the authorization (3) I would implement more features, like notifications, with AWS.

License

Just go for it! MIT License

amplify-todo-tutorial's People

Contributors

jorchrl avatar

Stargazers

Vince Fulco--Bighire.tools avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.