Harrison Holt

To-Do List App

Description:
This To-Do List App demonstrates both my frontend development and backend AWS cloud engineering skills. It allows users to add, manage, and prioritize tasks through a responsive UI, while the backend is powered by a secure, scalable, serverless AWS architecture.

My Design Process

I focused on a clean, minimalist layout to keep the interface intuitive and user-friendly. I created a wireframe and mockup in Figma to guide the visual design and structure.

Color Palette

#0A0A0A (Dark Background)

#DC3545 (Tasks Past Due)

#FFC107 (Tasks Due Today)

#17A2B8 (Tasks Due Later)

#28A745 (Tasks Completed)

Technology Stack

This project uses a full-stack architecture powered by AWS services and modern web development tools:

• HTML, CSS & JavaScript: Used for building the responsive frontend interface.
• Bootstrap: For responsive design and component styling.
• Amazon API Gateway: Manages RESTful API endpoints, secured with Cognito authorizers.
• AWS Lambda (Public & Private): Used for business logic. Private Lambda functions run in a VPC to securely interact with the database.
• Amazon RDS (PostgreSQL): Stores tasks in a secure VPC-enabled database.
• Amazon Cognito: Provides secure user authentication and token validation.
• Amazon EC2 (Bastion Host): Used to access the RDS instance within the private subnet.
• Figma: For visual prototyping and wireframe creation.
• Git & GitHub: Used for version control and collaborative updates.

My Coding Process

I built the backend using a secure, serverless AWS architecture. API Gateway routes requests to Lambda functions (some public, some private within a VPC), and those interact with a private RDS PostgreSQL instance. A bastion EC2 host is used to access and monitor the database. On the frontend, I implemented dynamic task features with JavaScript, designed clean UI with Bootstrap, and deployed the final product with full accessibility and responsive support.