Git Product home page Git Product logo

aws-amplify-quick-notes's Introduction

Quick Notes

Deploy a full stack web app to help you organize your notes when you're on the go.

๐Ÿ›  Built with React, GraphQL, AWS Amplify, AWS AppSync, Amazon Transcribe, & Amazon Polly

Features

  • ๐ŸŽ™ Record notes
  • ๐Ÿ”ˆ Play notes back
  • ๐Ÿ“– Read notes
  • ๐Ÿ‘ฎโ€ Authenticated
  • ๐Ÿ”ฅ Serverless back end
  • ๐Ÿš€ GraphQL
  • ๐Ÿ’ป Deploy back end in minutes

Deploy the App

To automatically deploy the app, click the big orange button ๐Ÿ‘‡

amplifybutton

If you wish to manually deploy the app, follow the instructions below.

Deploy the back end and run the app

  1. Clone the repo & install the dependencies
~ git clone https://github.com/aws-samples/aws-amplify-quick-notes.git
~ cd aws-amplify-quick-notes
~ npm install
  1. Initialize and deploy the Amplify project
~ amplify init
? Enter a name for the environment: dev (or whatever you would like to call this env)
? Choose your default editor: <YOUR_EDITOR_OF_CHOICE>
? Do you want to use an AWS profile? Y

~ amplify push
? Are you sure you want to continue? Y
? Do you want to generate code for your newly created GraphQL API? N
> We already have the GraphQL code generated for this project, so generating it here is not necessary.
  1. Start the app and register a new user
~ yarn start

Deploy the front end

  1. Create a new repository with your git service of choice

  2. Push the project to your new repository

~ git remote add origin <your_new_repository>
~ git push --set-upstream master
  1. Connect to AWS Amplify Console and wait for build to start. You will be given a production URL and you are ready to take some notes!

License

This library is licensed under the MIT-0 License. See the LICENSE file.

aws-amplify-quick-notes's People

Contributors

abhi7cr avatar amazon-auto avatar amplify-hosting-test-pdx-beta avatar athena96 avatar behrooziaws avatar dependabot[bot] avatar ferdingler avatar kahdojay avatar mats16 avatar mm0202 avatar nimacks avatar panayi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.