Shui Notes

Status: Completed
Year: 2025

A fullstack notes board application built as a school project. Developed with React on the frontend and a serverless AWS backend, featuring a simple and functional design.

React
Motion
Tailwind CSS
AWS S3
Serverless Framework

Github

Live site

Features:

Post, edit, and list messages via a serverless REST API
Frontend hosted on S3 with fetch calls to API Gateway
DynamoDB-backed storage
Backend validation
Server-side endpoints for user-specific retrieval and date sorting
Deployed using Serverless Framework and AWS services

Process:

Designed a custom UI, implemented the React frontend, built a serverless API with Serverless Framework (API Gateway + Lambda), and stored messages in DynamoDB. Deployed the frontend to an S3 bucket and connected it to the API.

What I've learned

Gained hands-on experience with serverless architecture and AWS deployment, integrating frontend and backend, handling CORS and validation, and designing a simple but robust API-backed application.