App Client Package

PreviousNext

React client components package for the main app

Overview

@zooly/app-client is a React client package that provides reusable UI components and screens for the main application. This package contains pure React code that doesn't assume a specific framework (like Next.js), but uses Tailwind CSS for styling.

Package Details

  • Package Name: @zooly/app-client
  • Location: packages/client
  • Type: Client-side React components

Key Features

  • Pure React components that are framework-agnostic
  • Uses Tailwind CSS for styling
  • Includes reusable UI components and screens
  • All React element divs include data-testid attributes for automated testing

Components

The package includes:

  • Components: M3Button, Sidebar, UserHome
  • Screens: DashboardScreen, LicenseImageScreen, LicenseMerchScreen, LicenseVoiceScreen, ProfileSetupScreen, SetupScreen

Usage

This package is used by Next.js apps and Vite apps as a shared component library. It provides the core UI building blocks for the application.

Dependencies

  • React 18+
  • Tailwind CSS
  • Framer Motion
  • Class Variance Authority
  • Tailwind Merge