Charlie Zhao

Title

Technologies

Description

Video

URL

2023 - Study Spot Sharing Site

InternationalStudySpots

  • NextJS
  • Prisma
  • Jest
  • TRPC
  • AWS S3
  • React Query
  • Google Maps
  • tailwind

Rebuilding with new design, improved component / server architecture and integration / E2E testing.

🎯 Visit Site

2022 - E-Commerce

Superhighway

  • NextJS
  • Sanity
  • SWR
  • Framer Motion
  • Shopify

Pages revalidate when CMS content changes. Be sure to check out the News and Lookbook pages. All content is configurable via the CMS (Sanity). Animations using Framer Motion.

🎯 Visit Site

2023 - Study Spot Sharing Site

SadFrogsStudying

  • NextJS
  • Prisma
  • TRPC
  • AWS S3
  • React Query
  • Google Maps
  • tailwind

An index of beautiful places to study around the world. User-submitted. Big form and client/server validation with zod. Implements Google Maps API, statically generates map pages, and uses NextJS's ISR to revalidate pages when new locations are added, to save API costs. Implements pending edits where an admin has to confirm any edits.

🎯 Visit Site

2023 - Notes App

MachenV2

  • lexical
  • emotion
  • date-fns
  • radix-ui
  • react-testing-library
  • jest

Accessible daily note-taking web app using lexical as the editor. date-fns to handle most date functionality. Tested with react-testing-library.

🎯 Visit Site

2021 - Productivity App

Machen

  • NextJS
  • Firebase
  • styled-components

Allows you to create daily notes using DraftJS and save them to Firebase.

None
🎯 Visit Site

2022 - Video Portfolio

Videohead

  • NextJS
  • Sanity CMS

Sanity CMS to manage video projects for a client and NextJS on the frontend.

None
🎯 Visit Site

2021 - E-Commerce

Goriot

  • Gatsby (React)
  • Graphql
  • Shopify

First Jamstack site.

None
🎯 Visit Site

2021 - Social Media App

Homeland

  • MongoDB
  • Express
  • React
  • Node

First MERN project - uses socket.io for real-time chat and notifications and Redux for global state.

None
🎯 Visit Site

2021 - Portfolio

Nuan Ho Art

  • Gatsby (React)
  • Graphql
  • NetlifyCMS

A portfolio site I designed and developed for Sydney-based artist, Nuan Ho.

None
🎯 Visit Site