GREYLIT Web Development Case Study

GREYLIT is a dark-themed web app I custom-coded to enable anonymous storytelling and limited-edition apparel browsing. This page breaks down the code, tools, and structure that power the experience.

1. Tech Stack

HTML5, CSS3 (no frameworks)
JavaScript (vanilla)
Supabase (backend + DB)
Netlify (deploy + SSL)
GitHub (version control)

2. Supabase Backend

Anonymous submissions are stored in a live Supabase database. The submissions table captures text and timestamps, enabling frontend display without exposing user data or requiring authentication.

3. Interactive Cart Modal

Clicking a product opens this custom modal, where users can select size and add items to a session cart. The logic is built entirely with vanilla JavaScript, shown here with the live DOM structure in dev tools.

4. Live App Deployment

Hosted on Netlify with an automatic HTTPS certificate. Fully responsive, secure, and lightweight.

→ Visit Live GREYLIT App

→ View GitHub Repo

Takeaways

This project taught me how to build from the ground up with security and minimalism in mind. I wrote clean JavaScript functions, built a custom cart, and connected a no-login backend—all hosted with performance and accessibility in mind.

← Back to Portfolio