richardzcode

Journal-AWS-Amplify-Tutorial

[](https://opensource.org/licenses/MIT) []() [](https://gitter.im/AWS-Amplify/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link) [](https://twitter.com/intent/tweet?text=AWS%20Amplify%20Tutorial%0A&url=https://github.com/richardzcode/Journal-AWS-Amplify-Tutorial&hashtags=react,bootstrap,aws) # 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](https://aws-amplify.github.io/) and [Bootstrap 4.1](https://bootstrap-4-react.com/). * [Step 01 - Create a Basic React App with Bootstrap](step-01) * [Step 02 - Amplify Authentication](step-02) * [Step 03 - Customize Authentication UI](step-03) * [Step 04 - User Profile](step-04) * [Step 05 - State Management via Redux](step-05) * [Step 06 - Everyday Journal](step-06) * [Step 07 - List of Journals](step-07) * [Step 08 - Go Live](step-08) Go to `journal` sub-folder of each step to check full source code, and run app. <img src="step-07/journal-by-day.png" width="480px" /> [Live Demo](https://s3-us-west-1.amazonaws.com/journal-hosting-mobilehub-142591078/index.html#/) **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](https://aws-amplify.github.io/). The [Getting Started](https://aws-amplify.github.io/amplify-js/media/quick_start) is very nicely written.