This application allows a user to sign up, login, and create their own notes or personal journal entries. The user will be able to create a new entry, along with the ability to edit and delete those entries.
• React • React Router • React-Bootstrap • HTML • Python • AWS Cognito • AWS Amplify • AWS API Gateway • AWS Lambda • AWS DynamoDB • Serverless Framework • GitHub
I started by developing the API for Parchment on AWS. I created the lambda functions for all the main CRUD operations, linking them to DynamoDB and API gateway. Once these were tested and determined to be working correctly, I built the frontend user interface in React and linked the API to it. Following this, I uploaded the React app and ensured that it is now live on the Internet.
The frontend was built utilising a tutorial: https://serverless-stack.com/chapters/create-a-new-reactjs-app.html
Most of the code is from there, however I did need to learn React to modify the code to my needs.
You can access the application through this link: http://parchment.com.s3-website-ap-southeast-2.amazonaws.com/
Tests can be run using the Serverless Framework. For example: $ serverless invoke local --function create --path mocks/create-event.json
This code invokes the “create” function locally, retrieving the test values from the “mocks” directory.
• VS Code • AWS Console
Login: The user would first have to sign up, then login from this page.
Homepage: The homepage, utilising the GET request to list all the results from DynamoDB. From here, the user could click create a new note and be taken to the page below.
Creating a new note: The user can create the note, click “Create” and they will be redirected the homepage.
Editing or deleting an existing note: Alternatively, the user could decide to click on an existing note and chose to edit it or delete it from this page. The user will then be redirected to the homepage.
This project was bootstrapped with Create React App.