Projects involving TypeScript

Landing page for MacroScope

MacroScope Landing Page

Developed a visually engaging landing page with interactive sections to showcase MacroScope, a computer vision food analysis capstone project. The site effectively demonstrates the app's core features, highlights the technology behind it, illustrates the user workflow, and includes an interactive gallery displaying the app.

Portfolio homepage

Portfolio Website

Built with Next.js, TypeScript, Sanity CMS, and CloudFlare for DNS management. Some key features include responsive design, caching for performance, and a content management system for draft previews and automated updates through webhooks.

King William Hotel Homepage

King William Hotel

Led development on a full-stack hotel management application using Next.js, TypeScript, and PostgreSQL. The system features a customer-facing booking platform with real-time room availability checking, account management, and service add-ons, alongside a staff view providing an admin dashboard and reservation management features. Implemented authentication with NextAuth, designed a responsive UI with TailwindCSS and shadcn components, and created a normalized PostgreSQL database schema with optimized queries.

screenshot of a hosted activity

Event Finder App

A fullstack social networking app for hosting/finding events using Clean Architecture, built as part of a course. Implemented with Entity Framework Core for data access and SignalR for real-time commenting. Some additional features include user authentication using Microsoft Identity and automated deployment to Azure using GitHub Actions.

screenshot of analytics dashboard

Analytics Dashboard

Developed a cloud-native analytics dashboard using AWS services (CloudFormation, S3, API Gateway, Lambda, DynamoDB, CloudFront) and React/TypeScript. Lambda functions handle real-time data fetching via API Gateway, while a separate EventBridge-scheduled Lambda maintains daily historical data in DynamoDB. Features dynamic charting of trading performance metrics across multiple departments with customizable timeframe analysis.

search statistics depicted using chart.js

Community Center App

A single-page, fullstack application for a fictional community center, built during my initial introduction to JavaScript/TypeScript. It includes features such as integration with third-party RESTful APIs, a custom search feature, and more. Additionally, logged in users can access things such as their profile, search statistics, and save events to a personalized calendar.