🦆 DuckParty Front-end

Build a ridiculous duck, give it style, and flex it like it owns the internet.

Ever wanted to create a duck that's more stylish than you? Well, now you can! Dress up your feathered friend in everything from astronaut helmets to Batman capes, then throw them into a virtual yard where they'll party with other ducks (and probably judge your fashion choices).

🔗 Back-end

This frontend connects to the DuckParty backend API. For backend setup and documentation, visit:

duckparty-backend

✨ Features

• Duck Customization - Create unique ducks with multiple skins and accessories
• Party Yard - View all ducks in a shared virtual space
• Leaderboard - See the most popular ducks
• User Profiles - Manage and showcase your duck collection
• Social Sharing - Share your creations with the world

🛠️ Tech Stack

• SolidJS - Reactive UI framework
• TypeScript - Type-safe development
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first styling
• TanStack Query - Data fetching and state management
• Orval - API client generation

🚀 Getting Started

Prerequisites

• Bun (or Node.js with pnpm)
• Backend server running (see Backend section above)

Installation

# Install dependencies
bun install

# Generate API client from backend schema
bun run generate:api

# Start development server
bun run dev

Build

# Build for production
bun run build

🚢 Deployment

This project is deployed using Coolify.

📝 Scripts

• dev - Start development server
• build - Build for production
• generate:api - Generate API client from backend OpenAPI schema

---

Made with ❤️‍🔥 for the duck community