Blog App using AWS Amplify, Angular

#devchallenge #awschallenge #amplify #fullstack

This is a submission for the The AWS Amplify Fullstack TypeScript Challenge

What I Built

I built a Blog Application using AWS Amplify and Angular where we can create a Blog by providing Title and description, list all the blogs and read a specific Blog.

Demo and Code

SOURCE CODE: https://github.com/PreethiVuchuru27916/amplify-angular-template
App URL: https://main.dvwj8fwztcl1x.amplifyapp.com/blog-list/0fefede3-f5ac-4f8c-be69-4ed412601c8d

[1] Create Blog Button provides the user with a text editor to start working on the blog.

[2] Used the ngx-editor to build the text editor and provided a scroll to add content of any size.

[3] Have a publish option to create the Blog and show it under the list of Blogs

[4] List of Blogs

[5] Read more option on the list will take us to the individual Blog.

[6]Utilized Sign out and Sign In and Create Account features provided by Amplify

Integrations

I have create a model called Blog that has title and description. To save it to a personal cloud sandbox, I ran the npx ampx sandbox to get amplify_outputs.json file. This allowed me to make backend updates in a private cloud space.
I have used authentication module and @aws-amplify/ui-angular for building the Sign Up, Sign In, Create Account. Also tried out the customization available for the Authenticator.

FUTURE WORK

Will add a cover image that will make use of the File Storage concepts in AWS Amplify.
Will add notifications to be sent over by using serverless functions.
Will add draft versions and make sure only the loggedin users can see the drafts of their own.

Thank you Dev.to for interesting challenges :) I knew about the challenge really late and was not able to finish what I had in mind. But something is better than nothing and hence my submission. Challenges like these are a great opportunity to explore new technologies. Excited for more challenges in future.