https://github.com/richardzcode/journal-aws-amplify-tutorial

Step by step tutorial to build a personal journal web app with aws-amplify
https://github.com/richardzcode/journal-aws-amplify-tutorial

amplify aws aws-amplify bootstrap bootstrap4 javascript react reactjs tutorial webapp

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/richardzcode/journal-aws-amplify-tutorial
• Owner: richardzcode
• License: mit
• Created: 2017-11-15T01:08:11.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-01T18:11:33.000Z (almost 2 years ago)
• Last Synced: 2024-12-12T12:51:02.686Z (11 days ago)
• Topics: amplify, aws, aws-amplify, bootstrap, bootstrap4, javascript, react, reactjs, tutorial, webapp
• Language: JavaScript
• Homepage: https://richardzcode.github.io/Journal-AWS-Amplify-Tutorial/
• Size: 21.8 MB
• Stars: 253
• Watchers: 17
• Forks: 58
• Open Issues: 39
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![GitHub last commit](https://img.shields.io/github/last-commit/richardzcode/Journal-AWS-Amplify-Tutorial.svg)]()

[![Gitter Chat](https://badges.gitter.im/aws/aws-amplify.png)](https://gitter.im/AWS-Amplify/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](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.



[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.