{"id":21942077,"url":"https://github.com/richardzcode/journal-aws-amplify-tutorial","last_synced_at":"2025-04-09T10:07:14.503Z","repository":{"id":64480025,"uuid":"110765309","full_name":"richardzcode/Journal-AWS-Amplify-Tutorial","owner":"richardzcode","description":"Step by step tutorial to build a personal journal web app with aws-amplify","archived":false,"fork":false,"pushed_at":"2023-03-01T18:11:33.000Z","size":22822,"stargazers_count":253,"open_issues_count":39,"forks_count":58,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-02T08:08:20.373Z","etag":null,"topics":["amplify","aws","aws-amplify","bootstrap","bootstrap4","javascript","react","reactjs","tutorial","webapp"],"latest_commit_sha":null,"homepage":"https://richardzcode.github.io/Journal-AWS-Amplify-Tutorial/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/richardzcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-15T01:08:11.000Z","updated_at":"2025-02-18T13:41:59.000Z","dependencies_parsed_at":"2024-11-29T03:16:30.556Z","dependency_job_id":null,"html_url":"https://github.com/richardzcode/Journal-AWS-Amplify-Tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/richardzcode%2FJournal-AWS-Amplify-Tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/richardzcode%2FJournal-AWS-Amplify-Tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/richardzcode%2FJournal-AWS-Amplify-Tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/richardzcode%2FJournal-AWS-Amplify-Tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/richardzcode","download_url":"https://codeload.github.com/richardzcode/Journal-AWS-Amplify-Tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248018060,"owners_count":21034048,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amplify","aws","aws-amplify","bootstrap","bootstrap4","javascript","react","reactjs","tutorial","webapp"],"created_at":"2024-11-29T03:16:24.290Z","updated_at":"2025-04-09T10:07:14.481Z","avatar_url":"https://github.com/richardzcode.png","language":"JavaScript","readme":"[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![GitHub last commit](https://img.shields.io/github/last-commit/richardzcode/Journal-AWS-Amplify-Tutorial.svg)]()\n[![Gitter Chat](https://badges.gitter.im/aws/aws-amplify.png)](https://gitter.im/AWS-Amplify/Lobby?utm_source=share-link\u0026utm_medium=link\u0026utm_campaign=share-link)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=AWS%20Amplify%20Tutorial%0A\u0026url=https://github.com/richardzcode/Journal-AWS-Amplify-Tutorial\u0026hashtags=react,bootstrap,aws)\n\n# Journal\nStep by step tutorial to build a personal journal web app with ReactJS + AWS\n\n**Update:** This tutorial is rewritten with [AWS Amplify 1.1](https://aws-amplify.github.io/) and [Bootstrap 4.1](https://bootstrap-4-react.com/).\n\n* [Step 01 - Create a Basic React App with Bootstrap](step-01)\n* [Step 02 - Amplify Authentication](step-02)\n* [Step 03 - Customize Authentication UI](step-03)\n* [Step 04 - User Profile](step-04)\n* [Step 05 - State Management via Redux](step-05)\n* [Step 06 - Everyday Journal](step-06)\n* [Step 07 - List of Journals](step-07)\n* [Step 08 - Go Live](step-08)\n\nGo to `journal` sub-folder of each step to check full source code, and run app.\n\n\u003cimg src=\"step-07/journal-by-day.png\" width=\"480px\" /\u003e\n\n[Live Demo](https://s3-us-west-1.amazonaws.com/journal-hosting-mobilehub-142591078/index.html#/)\n\n**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.\n\nFor 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.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frichardzcode%2Fjournal-aws-amplify-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frichardzcode%2Fjournal-aws-amplify-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frichardzcode%2Fjournal-aws-amplify-tutorial/lists"}