An open API service indexing awesome lists of open source software.

https://github.com/michle99/full-stack-amplify-notes-app

A full-stack notes web application built with AWS Amplify.
https://github.com/michle99/full-stack-amplify-notes-app

amplify-cli aws aws-amplify aws-cli aws-console aws-dynamodb aws-s3 graphql graphqlapi react

Last synced: 11 months ago
JSON representation

A full-stack notes web application built with AWS Amplify.

Awesome Lists containing this project

README

          

# Full-stack Notes web application using AWS Amplify

# Description

A simple full-stack web notes application using AWS Amplify. In the first module, you will a The React Notes application was built and hosted on AWS. The Local app was initialized, authentication, GraphQL APIs, database (AWS S3), and updates to store images on the app was add via AWS CLI.

## Screenshots

mountain screenshot

mountain screenshot

mountain screenshot

## Features

1. Hosting: Build and host a React application on the AWS global content delivery network (CDN):
1. Tools: AWS Management Console, AWS Amplify, AWS Amplify CLI
2. Authentication: Add auth to your app to activate sign-in and sign-out
1. Libraries: "@aws-amplify", "@aws-amplify/ui-react",
2. DevOps: CI/CD via Amplify Console using amplify.yaml, Git
3. GraphQL API and Database: Add GraphQL APIs
1. Tools: AWS AppSync API (a managed GraphQL service) which is backed by Amazon DynamoDB (a NoSQL database), AWS Amplify CLI,
4. Storage: Storage service
1. Tools: AWS S3

## Resources

Getting build the full-stack amplify app using the [AWS Amplify Resources](https://aws.amazon.com/getting-started/hands-on/build-react-app-amplify-graphql/?ref=gsrchandson&id=updated).

### Getting Started

1. Download the code.
2. Open the project in your favorite editor.
3. Run the app:
```
npm start
```
4. Open the app:
```
http://localhost:3000/
```