Web Platform

Clooza Web

Next.js web platform for event discovery, creator profiles, ticketing, storefronts, and event operations.

My role

Frontend/web engineer working on scalable Next.js workflows, event and product management, authenticated flows, forms, responsive UI, and API integration.

Overview

Clooza is a multi-sided web platform built for event discovery, social content, creator profiles, and commerce. As a frontend/web engineer, my role can be presented around building and extending a scalable React/Next.js frontend with authenticated workflows, event and product management, form-driven registration, and responsive user experiences.

The platform supports public landing pages, localized routes, user profiles, event/activity discovery, feeds, maps, and creator storefronts. Authenticated users can create posts, events, and activities; manage profiles; follow users; save content; view feeds; access rewards; and use ticketing or product purchase flows.

The event management area is one of the strongest parts of the codebase. It includes tabs for event overview, guests, registration, add-ons, broadcasts, products, payments, agenda, engagement forms, insights, and sales/promo workflows. There are also guest import/export dialogs, attendee status filtering, exclusive-event approval flows, broadcast messaging, reminders, analytics charts, affiliate/referral views, and wallet/payment-related sections.

Key Features

Public Website

Landing page, pricing, contact, help center, help articles, privacy policy, and terms pages.
Locale-prefixed routes and localized message files.
Public profile, storefront, event, and activity pages with SEO metadata foundations.
Offline page and PWA manifest/install/update lifecycle support.

Authenticated User Area

Login, signup, forgot/reset password, email verification, Google social login, and onboarding.
Home, feeds, events, activities, people, search, saved posts, map, rewards, messages, and profile settings.
Create flows for posts, events, and activities plus profile/banner image upload and cropping.

Admin/Dashboard Area

Dashboard shell with events, products, and settings navigation.
Event dashboard listing with edit/delete/manage actions.
Guest management with search, status filters, invite, import/export, attendee details, and approval actions.
Ticketing, registration questions, event forms, add-ons, promo codes, affiliate links, sales breakdowns, and withdrawal/payment sections.

Technical Highlights

Middleware handles locale redirects, protected/public route behavior, token checks, refresh attempts, and custom routing foundations.
Zustand stores are used for cart state, form builder state, location selection, tickets, add-ons, and currency data.
Event discovery, feeds, dashboard events, products, storefronts, referrals, and attendee lists use virtualized infinite rendering with react-virtuoso.
Checkout and registration forms use React Hook Form plus Zod for dynamic attendee questions, phone validation, terms/signature handling, coupons, fees, and multi-ticket guest assignment.
Creator storefronts include public SEO metadata, product search, cart management, product detail modals, and standalone product payment initialization.

Tech Stack

Next.js
React
TypeScript
Tailwind CSS
Radix UI
Framer Motion
Zustand
TanStack Query
Axios
React Hook Form
Zod
NextAuth
react-intl
react-virtuoso
GitHub Actions
PWA manifest

Architecture

The web platform uses Next.js App Router with locale-prefixed routing, middleware-based route protection, server/client component boundaries, React Query for server state, Zustand for client-only UI state, Axios for API integration, React Hook Form and Zod for validation, and reusable Tailwind/Radix-based UI primitives.

Challenges and Solutions

Coordinating several product areas without mixing responsibilities.

Solution: Shared infrastructure handles auth, API clients, forms, state, uploads, localization, and UI primitives while domain logic stays in feature hooks and components.

Rendering large operational lists without heavy layouts.

Solution: Used virtualized infinite rendering for feeds, events, products, referrals, and attendee lists.