Designed a branding kit, landing page, and a high-fidelity mockup for the web application using Figma for a new hiring platform. Subject to NDA, further details available in the page below.

Designing a new brand for MA Hacks 6.

Designed a new brand and a new website using Figma for a non-profit that recycles old computers that would have become e-waste, repairs them, and then sends them to people who need them all around the world.

Designed and developed a website for an EdTech's Open Source Initiative using Next.js, Tailwind, and Figma. In collaboration with Ella Xu, Zaid Arshad (Nico), and Aaron Levin.

Designed a high-fidelity mockup for the website using Figma after rounds of revisions with client via Zoom. The design was then passed onto the engineering team after approval. In collaboration with Mintere, LLC.

A website created with magic, and everything I've learned over the past 6 years of web design and development.

My school journalism department was in need of a new t-shirt design because of a lack thereof. I took point on this and designed a new t-shirt using Adobe Illustrator. I had never used this software before, so it was a learning opportunity.

I designed a t-shirt for my school's recycling club t-shirt competition. It did not win.

Designed and made Claire's personal website. bookworm.design is the final production version (with added components by Claire). Linked to the title is my version.

A mockup website that I made for a coding competition.

A mockup website that I made for a coding competition.

Co-made with Belle See. I created the initial design in Figma and she coded the site with Next.js and Tailwind.

Created a Next.js + Tailwind birthday site for my friend that pulls from Airtable. Friends submit a birthday response via Airtable form and it creates a iOS "message" for my friend.

Worked with under-represented and under-privileged K-12 students as well as teachers and taught them how to code in Scratch, Python, and Java. View some of my projects below.

Led design and helped develop the first Fiveable Open-Source site using Figma, Next.js, MDX, and Tailwind CSS. Collaborated directly with Head of Engineering to help cultivate the open-source community around this project.

Led development and design of client websites using Next.js, styled-jsx, and Sanity CMS. Collaborated with the social team to create a unified brand kit for clients.

I lead and volunteered at stations, workshops, and activities throughout the year during all-day conventions around the greater San Antonio area for K-12 students, parents and teachers. Now I'm working for this organization part-time during the summer: look in Work Experience.

In this workshop, we created a personal website with Next.js and Tailwind. This workshop was intended for coders who knew basic HTML and wanted to learn Next.js, but a lot of attendees were beginners so this lasted ~2hrs because we had to start with the basics. Two hackathon teams remixed this workshop to make their project. Co-taught with Jaden Yu.

Doing workshops remotely on Zoom is extremely difficult. There was no final project in this workshop and instead was targeted at teaching CSS Flexbox and Grid to attendees who were learning web design and wanted to integrate these technologies into their site. Although a lot of (virtual) bottlenecks, attendees learned how to make a responsive website using TailwindCSS.

I talked about how git works and how beginners can use it. This was for kids in middle school and they finished the workshop with a git repository with pushed code. Linked are the slides made on MDX.