UI/UX Projects

Incompass Homepage
Figma Logo Paper Logo

Incompass

In a group project, we designed a platform that helps students when applying for internships. Incompass helps guide students through the entire process. Whether it's creating a portfolio, keeping track of applications, getting feedback on resumes, or connecting with peers for advice, InCompass brings all those pieces together in one place.

GentleCare
Figma Logo Paper Logo

GentleCare

I designed a Mobile Health and Wellness App for Seniors with Vision Impairments, focusing on simplicity, accessibility, and ease of use. The app allows users to track daily steps, receive pill reminders, and log important health metrics like blood pressure, weight, and blood sugar. It also supports secure messaging and data sharing with healthcare providers, helping patients stay connected and monitored. To accommodate users with low vision or hearing, the design features high-contrast colors, large touch targets, clear typography, and optional speech assistance, ensuring that health management is accessible to all.

Halal Heels Homepage
Link Logo Figma Logo Github Logo

Halal Heels Website

Languages Used: HTML/CSS

This is the first project that I ever prototyped and created for a class! I designed and developed a website for Halal Heels, an on-campus organization, ensuring accessibility and user-friendly navigation for customers and clients!


CS Projects

SymptomSync Landing Page
Link Logo Github Logo

SymptomSync

Languages Used: HTML/CSS, JavaScript, TypeScript

Description: In a group project, we created a web application designed to help users manage their health and wellness. It provides a comprehensive dashboard for tracking medications, appointments, and health logs.

Pokédex Homepage
Link Logo Github Logo

Pokédex

Languages Used: HTML/CSS, JavaScript, TypeScript

Description: I created a Pokédex app to display information about Pokemon! Includes the homepage with all of the Pokémon, a details page about the selected Pokémon, and a page on the Pokémon's moves!

Calculator Homepage
Link Logo Github Logo

Calculator App

Languages Used: HTML/CSS, TypeScript

Description: Using arrow functions syntax and higher order functions, I've created a calculator app that has all of the normal functions a regular calculator uses.

Pixel Art Maker
Link Logo Github Logo

Pixel Art Maker

Languages Used: HTML/CSS, JavaScript

Description: The app will allow users to draw pixel art on a canvas, switch between tools (pencil and eraser) and colors, and download images. (This was a group assignment, so I worked with a partner!)

Wordle Homepage
Link Logo Github Logo

Wordle Project

Languages Used: HTML/CSS, JavaScript, TypeScript

Description: Just like the real game, Wordle, I've produced a program that gives the player six guesses at a random 5-letter word.


Graphic Designs

Diabetes Graphic Design
Designed an educational flyer to raise awareness about diabetes, covering symptoms and risk factors.
Minority Health Graphic Design
Created an infographic highlighting key health disparities affecting minority communities, emphasizing the need for equitable healthcare access and systemic changes.
Maternal Mortality Rate Graphic Design
Designed with Adobe Illustrator, a graphic illustrating racial disparities in maternal mortality rates, emphasizing the need for improved healthcare support for at-risk groups.
Health Equity Graphic Design pt.1
Developed a flyer introducing the concept of health equity, while emphasing it's importance for marginalized populations.
Health Equity Graphic Design pt.2
A continuation of the health equity graphic, illustrating statistics and key information.