Loading...

About This Thing I Built

Behold! A website. For a wedding. That also doubles as a desperate plea for someone to hire me based on this single, slightly overcooked project. It has a landing page, a registry that actually works (mostly), and code you can borrow if you promise not to look too closely.

View on GitHub

"Features" (Allegedly)

  • 📱 Looks Okay on Phones (Probably)
  • 🎯 SEO? Sure, I Put Keywords Somewhere
  • 🎁 Over-Engineered Registry System
  • Things Move When You Scroll (Ooh! Aaah!)
  • 🔍 Search That Mostly Works
  • 🛡️ Admin Area (Password Not Included)
  • 🧩 Code You Can Steal (MIT License)

Tech I Used (And Sometimes Regretted)

  • Framework: Next.js (App Router)
  • Language: TypeScript & React
  • Styling: Tailwind CSS
  • 3D Stuff: React Three Fiber, Drei
  • Search Thingy: Fuse.js
  • Backend-ish: Node.js API Routes
  • Data Layer: Prisma & PostgreSQL (Neon)

How It's Cobbled Together

  • Landing Page: Standard wedding stuff, plus a heart that spins. Fancy.
  • Registry Page: Click buttons, maybe buy us stuff. Search and filter if you're picky. Admin area for us to fix your mistakes.
  • API Endpoints: Some server-side code that talks to the database. Includes a web scraper that barely works.
  • Data Layer: Started with JSON, got ambitious, now it's Prisma and PostgreSQL (hosted on Neon). Probably overkill.
  • Styling: Tailwind CSS, because writing actual CSS is hard.
  • Open Source: Yeah, it's MIT licensed. Go nuts. Structure is... present.

Making It Go Live (Good Luck)

  • Deploy easily to Vercel or Netlify.
  • Run npm install and npm run dev to start locally.
  • Configure environment variables via .env.example.
  • See README for full setup instructions.

"Contributing" (Why?)

  • It's open source. Feel free to point and laugh on GitHub.
  • See CONTRIBUTING.md for guidelines.
  • If you find a bug, maybe fix it? Or just open an issue and complain.
Made with • Open Source on GitHub