
About
I'm a designer-developer focusing on interactive web experiences. I love using experimental web technologies and playful fonts to make sites. I mainly make things with Next.js, Tailwind, AWS, Fauna, and other serverless and web technologies. On the side, I work in the intersection of computer science and education and help our youth learn and our teachers teach.
Contact
Projects
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.
Side Projects
React UI Component library made with Next.js, Tailwind, and Framer Motion.
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.
Work Experience
- Taught students K-12 topics that are on or ahead of their grade level using the TEKS and Common Core standards
- Talking to parents about session information and giving them a summary, and sometimes feedback about what the kid can do at home
- Assigning responsibilities to other instructors
- Emailing mastery checks and assessments to parents and scanning them into our system
- Talking to teachers of students to see how we can better help their students succeed at school
- Training other instructors in math topics and general work policies
- Creating learning plans for new students and students moving up in math levels
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.
Volunteering
- Built websites for 11 hackathons hosted all over the world with over 50,000 page views total
- Designed logos, prospectus decks, and other branding materials for 8 hackathons each with over 350 attendees and $10K in funding
- Hosted multiple events in the community such as 12 Days of Christmas, Secret Santa, Hack Club Awards, and Freewrite
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.
Speaking
In this workshop, we designed a personal website with Figma. This was intended for beginners and everybody created a design that taught important tools like the shape tool, position tools, and flex-box utilities.
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.
Exhibitions
Designed and created activities for the AutoAuto station and taught kids Python and Machine Learning with RC cars. Lead a group of 5 volunteers from a data science bootcamp (CodeUp) to help me engage kids that visited our station.
Education
Extracurriculars include: Science Bowl, Ocean Bowl, Yearbook, Independent Study Mentorship, Academic Decathlon, UIL Math, UIL Science, UIL Computer Science, and Student Council
Since 2019, I've been part of the school yearbook staff. I take photos at our winning varsity games and design some of the most touched pages in the yearbook.