Journal-AWS-Amplify-Tutorial icon indicating copy to clipboard operation
Journal-AWS-Amplify-Tutorial copied to clipboard

Step by step tutorial to build a personal journal web app with aws-amplify

License: MIT GitHub last commit Gitter Chat Tweet

Journal

Step by step tutorial to build a personal journal web app with ReactJS + AWS

Update: This tutorial is rewritten with AWS Amplify 1.1 and Bootstrap 4.1.

  • Step 01 - Create a Basic React App with Bootstrap
  • Step 02 - Amplify Authentication
  • Step 03 - Customize Authentication UI
  • Step 04 - User Profile
  • Step 05 - State Management via Redux
  • Step 06 - Everyday Journal
  • Step 07 - List of Journals
  • Step 08 - Go Live

Go to journal sub-folder of each step to check full source code, and run app.

Live Demo

Note: This is a personal experiment. Trying to see what would developers encounter when building a somewhat real app. This tutorial does not cover all aspects of AWS Amplify.

For most complete and up-to-date documentation, always check official AWS Amplify site. The Getting Started is very nicely written.