A & F

About This Project

This website provides information about our wedding and demonstrates my full-stack development capabilities. It includes a landing page, a functional registry, and open-source code available for reuse.

View on GitHub

Key Features

  • 📱 Responsive design for mobile devices
  • 🎯 Search engine optimization
  • 🎁 Structured registry system
  • ⚡ Interactive scroll animations
  • 🔍 Fuzzy search with filtering
  • 🛡️ Protected administrative interface
  • 🧩 MIT-licensed open-source code

Technology Stack

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

Architecture Overview

  • Landing Page: A responsive landing page featuring a 3D heart animation.
  • Registry Page: Users can browse, search, and filter gifts with an accompanying administrative interface.
  • API Endpoints: Serverless routes that interact with the database and include a basic web scraper.
  • Data Layer: Powered by Prisma with a PostgreSQL database hosted on Neon.
  • Styling: Styled using Tailwind CSS.
  • Open Source: Distributed under the MIT license.

Deployment

  • Deploy 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

  • The project is open source and available on GitHub.
  • See CONTRIBUTING.md for guidelines.
  • Report issues or submit improvements through pull requests.
Made with ♥ • Open Source on GitHub