RyPoints / expresstimes

πŸ—ž A newspaper GET/POST example in the JavaScript REACT stack.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Express Times

A newspaper GET/POST example in the JavaScript React stack.

A live version of the React App was up on AWS Amplify until November 2022.

Architecture

Architecture A React App connects to AWS Lambda, retrieving and posting articles to a Postgres database. With the frontend on AWS Amplify and the backend on AWS Lambda, this application is fully in the serverless cloud!

Lambda

A short Lambda function is used to write and read the Postgres database using Sequelize. Lambda function uploading and API endpoint creation was handled with Claudia.js.

React

An existing React grid component was further customized to provide display of articles. This allowed display of the articles in a good-looking format without using a templating engine.

UI

Viewing

UI UI

Posting

UI

From Development to Production

I consider this more of a dev project, a tech demo. If this was going to move to production, even more work would be needed, including:

  • Inputs from users would need to be checked to see if they were well-formed and for security purposes, because we are accepting HTML inputs, before passing them along.
  • Error handling would need to be added.

In its current form though it does effectively show a methodology for creating GET and POST requests, the primary goal of the task.

About

πŸ—ž A newspaper GET/POST example in the JavaScript REACT stack.


Languages

Language:JavaScript 50.9%Language:CSS 30.7%Language:HTML 18.4%