Coder Social home page Coder Social logo

aws-samples / online-document-manager-amplify Goto Github PK

View Code? Open in Web Editor NEW
22.0 4.0 10.0 3.4 MB

Online Document Manager is a web storage solution where authenticated users can store, access, and share files such as documents, photos, videos, etc. from anywhere with an internet connection. It allows you to keep your files organized, backed up, and easily accessible. You can also save files or documents privately or publicly backed by S3.

License: MIT No Attribution

TypeScript 1.02% HTML 7.14% JavaScript 87.97% CSS 3.87%
aws file react s3 amplify-js amplify

online-document-manager-amplify's Introduction

Online Document Manager - Amplify Demo

Online Document Manager is a web storage solution where authenticated users can store, access, and share files such as documents, photos, videos, etc. from anywhere with an internet connection. It allows you to keep your files organized, backed up, and easily accessible. You can also save files or documents privately or publicly for all authenticated users using a simple user interface (UI). All text documents can also be analyzed to obtain data such as number of words, tables, forms, keywords, objects, entities and analyze the sentiment in general.

It was created with the AWS Amplify toolset. Amplify is a set of tools and services that enables front-end and mobile developers to build scalable full-stack applications by integrating backend cloud services (such as Simple Storage Service -S3-, Cognito, Comprehend, Textract, among others) with their web or mobile frontend. The user interface (UI) was created with the Cloudscape design, an open source design system to create beautiful web applications. It was built for and is used by Amazon Web Services (AWS) products and services. It was created in 2016 to improve the user experience across web applications owned by AWS services, and also to help teams implement those applications faster.

This project was created using the following Amplify features:

  • Amplify Storage: Amplify allows you to either setup a app content storage (images, audio, video etc.) backed by Amazon S3 or a NoSQL database backed by Amazon DynamoDB.
  • Amplify Authentication: The Amplify CLI supports configuring many different Authentication and Authorization workflows, including simple and advanced configurations of the login options backed by Amazon Cognito.
  • Amplify Predictions: The Predictions category provides a solution for using AI and ML cloud services to enhance your application. Some supported use cases are: text recognition from image, entities recognition, label real world objects, interpretation of text and transcription of text.
  • Amplify Hosting: Provides a git-based workflow for continuous deployment & hosting of fullstack web apps. Cloud resources created by the Amplify CLI are also visible in the Amplify Console.

Requirements

  • Have access to a AWS account with Access Key and Secret Access Key
  • Install NodeJS and npm
  • Install a JavaScript IDE
  • Install AWS CLI
  • Install Amplify CLI

Steps

  1. Install Node.js® and NPM if they are not already on your machine.
  2. Verify that you are running at least Node.js version 12.x and npm version 6.x or greater by running node -v and npm -v in a terminal/console window
  3. Go to your AWS Account and create an IAM user. Then define that user's permissions as narrowly as possible.
  4. Create the access key under that IAM user.
  5. Copy, paste and save in a secret place your Access Key and Secret Access Key. It is important to keep both keys in a safe place and do not redistribute this keys to anybody.
  6. Install in your computer the AWS CLI
  7. Install and configure Amplify CLI. You can follow the guidelines in the previous link on how to install Amplify based on your OS.
  8. Download this repository by doing git clone https://github.com/aws-samples/online-document-manager-amplify or simply download source code.
  9. In your terminal/console window, go to your code root folder and type npm install to install all the dependencies.
  10. Once finished, initialize AWS Amplify in the new directory by running amplify init. After a few configuration questions, you can use amplify help at any time to see the overall command structure
  11. To deploy all the resources, you can use the Amplify push command: amplify push and follow guidelines.
  12. Finally, we need to deploy the UI to Amplify Hosting. Execute the following command and follow instructions: amplify publish

online-document-manager-amplify's People

Contributors

amazon-auto avatar kcortesrodriguez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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