Get Styled for Your Event

Connect with professional stylists for weddings, galas, interviews, and more

\n\n

\n \n

👗

I need a stylist

Post your event and let stylists come to you

\n \n\n \n

✂️

I'm a stylist

Browse events and connect with clients

\n \n

\n \n );\n});\n\n// Post event form\napp.get(\"/post-event\", (c) => {\n return c.html(\n \n

\n ← Back\n

Tell us about your event

\n\n

\n Your name\n \n

\n\n

\n Email\n \n

\n\n

\n Event type\n \n

\n\n

\n Event date\n \n

\n\n

\n Location\n \n

\n\n

\n Budget range\n \n

\n\n

\n Tell us more\n \n

\n\n \n

\n \n );\n});\n\napp.post(\"/post-event\", async (c) => {\n const body = await c.req.parseBody();\n await createEvent({\n name: body.name as string,\n email: body.email as string,\n event_type: body.event_type as string,\n event_date: body.event_date as string,\n description: body.description as string,\n budget: body.budget as string,\n location: body.location as string,\n });\n return c.redirect(\"/events?posted=1\");\n});\n\n// Join as stylist form\napp.get(\"/join-as-stylist\", (c) => {\n return c.html(\n \n

\n ← Back\n

Join as a stylist

\n\n \n

\n \n );\n});\n\napp.post(\"/join-as-stylist\", async (c) => {\n const body = await c.req.parseBody();\n await createStylist({\n name: body.name as string,\n email: body.email as string,\n specialties: body.specialties as string,\n bio: body.bio as string,\n portfolio_url: (body.portfolio_url as string) || \"\",\n });\n return c.redirect(\"/events?joined=1\");\n});\n\n// Browse events (for stylists)\napp.get(\"/events\", async (c) => {\n const events = await getAllEvents();\n const stylists = await getAllStylists();\n const posted = c.req.query(\"posted\");\n const joined = c.req.query(\"joined\");\n\n return c.html(\n \n

\n {posted && (\n

\n ✓ Your event has been posted! Stylists will reach out soon.\n

\n )}\n {joined && (\n

\n ✓ Welcome! Browse events below and express interest.\n

\n )}\n\n

Events

{events.length} events looking for stylists

\n \n Post Event\n \n

\n\n {events.length === 0 ? (\n

\n No events yet. Be the first to post one!\n

\n ) : (\n

\n {events.map((event) => (\n \n ))}\n

\n )}\n

\n \n );\n});\n\nfunction EventCard({ event, stylistCount }: { event: Event; stylistCount: number }) {\n const eventTypes: Record = {\n wedding: \"💒 Wedding\",\n gala: \"🎭 Gala\",\n interview: \"💼 Interview\",\n date: \"💕 Date\",\n photoshoot: \"📸 Photoshoot\",\n other: \"✨ Event\",\n };\n\n const budgetLabels: Record = {\n \"under-200\": \"Under $200\",\n \"200-500\": \"$200-500\",\n \"500-1000\": \"$500-1,000\",\n \"1000-plus\": \"$1,000+\",\n };\n\n const date = new Date(event.event_date).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n\n return (\n \n

\n {eventTypes[event.event_type] || event.event_type}\n ·\n {date}\n

{event.name}

{event.description}

\n 📍 {event.location}\n 💰 {budgetLabels[event.budget] || event.budget}\n

\n \n );\n}\n\n// Single event view\napp.get(\"/event/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const event = await getEventById(id);\n const stylists = await getAllStylists();\n const interests = await getInterestsForEvent(id);\n\n if (!event) {\n return c.html(\n \n

Event Not Found

\n ← Back to events\n

\n ,\n 404\n );\n }\n\n const eventTypes: Record = {\n wedding: \"💒 Wedding\",\n gala: \"🎭 Gala\",\n interview: \"💼 Interview\",\n date: \"💕 Date\",\n photoshoot: \"📸 Photoshoot\",\n other: \"✨ Event\",\n };\n\n const budgetLabels: Record = {\n \"under-200\": \"Under $200\",\n \"200-500\": \"$200-500\",\n \"500-1000\": \"$500-1,000\",\n \"1000-plus\": \"$1,000+\",\n };\n\n const date = new Date(event.event_date).toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\",\n });\n\n return c.html(\n \n

\n ← Back to events\n\n

\n \n {eventTypes[event.event_type] || event.event_type}\n \n

\n\n

{event.name}

\n\n

\n 📅 {date}\n 📍 {event.location}\n 💰 {budgetLabels[event.budget] || event.budget}\n

\n\n

{event.description}

\n\n {/* Express Interest Section */}\n {stylists.length > 0 && (\n

Express Interest

\n \n

\n )}\n\n {/* Interests received */}\n {interests.length > 0 && (\n

Interested Stylists ({interests.length})

\n {interests.map((interest) => (\n

{interest.stylist_name}

{interest.stylist_email}

{interest.message}

\n ))}\n

\n )}\n

\n \n );\n});\n\napp.post(\"/event/:id/interest\", async (c) => {\n const eventId = parseInt(c.req.param(\"id\"));\n const body = await c.req.parseBody();\n await createInterest({\n stylist_id: parseInt(body.stylist_id as string),\n event_id: eventId,\n message: body.message as string,\n });\n return c.redirect(`/event/${eventId}?interest=1`);\n});\n\n// Stylists directory\napp.get(\"/stylists\", async (c) => {\n const stylists = await getAllStylists();\n\n return c.html(\n \n

Stylists

{stylists.length} stylists available

\n \n Join as Stylist\n \n

\n\n {stylists.length === 0 ? (\n

\n No stylists yet. Be the first to join!\n

\n ) : (\n

\n {stylists.map((stylist) => (\n

{stylist.name}

{stylist.specialties}

{stylist.bio}

\n {stylist.portfolio_url && (\n \n View Portfolio →\n \n )}\n

\n ))}\n

\n )}\n

\n \n );\n});\n\nexport default app.fetch;\n","deleted","label",[99],"permalink","https://www.val.town/x/dcm31/styled/code/dashboard.tsx","extension","actionData","errors"]