Image to Text App Premise
Overview
This app will allow an image that contains text to be uploaded, the response will return the raw text found within the image. The returned text can be copied or sent via email via button click.
Architecture
Front End
The front end will be built using Next.js and Tailwind CSS
Backend
AWS S3, AWS Lambda, and AWS Textract.
- File will be uploaded to an S3 bucket
- S3 bucket triggers a lambda function that sends the file to Textract
- The same lambda receives the response from Textract and saves it into a DynamoDB
- Another lambda (or the same lambda as in step 2 and 3) will take the response from Textract (either the real time reponse or the saved response in DynamoDB) and display it on the front end.
Deployment
This app will be deployed using Amplify, using the standard Amplify CLI. However, this app will be terraformed for deployment via terraform.
ChatGPT Prompt
Generate a next.js app that uses Tailwind CSS with the following parameters:
- Clean responsive UI with all HTML elements centered on the screen.
- Title of app should be "Get Text From Image"
- Below the title should be a tile that has a drop shadow towards the bottom right corner underneath it, with text that says, "Please upload image file" With a button beneath this text that says "Upload" The button color should be green.
The backend will be handled by AWS Lambdas