danieloi / star-ratings

Vanilla JS, React, TypeScript and Serverless Backend with Websockets Demo. Check out the deployed version in this repo's website link!

Home Page:https://master.d1nntgscnerfyj.amplifyapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A Star Ratings Exercise

Vanilla JS, React, TypeScript and Serverless Backend with Sockets Demo

home

overlay

mvp-1 is the fullstack app with the vanilla frontend

mvp-2 is the fullstack app with the react frontend

see respective subfolders for info on setup

live versions are here:

mvp-1

mvp-2

figma mockup

Architecture

I went with client-side rendered typescript for the v2 frontend.

Went with an Infrastructure as Code pattern for the backend made with the serverless SST framework in typescript deployed on AWS.

Improvements:

  • Server-side rendering would be cool for SEO and other niceties Next.js affords

  • Micro-frontends could be a thing though those are harder to setup. Might help with more silo'd development

  • Using Formik for forms so they're handled more easily/robustly

  • I considered a hover interaction for half star reviews. Based on how that would've been untenable with mobile devices, I went with taps instead.

About

Vanilla JS, React, TypeScript and Serverless Backend with Websockets Demo. Check out the deployed version in this repo's website link!

https://master.d1nntgscnerfyj.amplifyapp.com/


Languages

Language:TypeScript 66.2%Language:HTML 13.6%Language:JavaScript 11.1%Language:CSS 7.7%Language:Shell 1.4%