Seating Chart

A modern React application built with Vite, TypeScript, and Tailwind CSS 4, following atomic design principles.

Features

• ⚡️ Vite - Next generation frontend tooling
• ⚛️ React 18 - Latest React features
• 🎨 Tailwind CSS 4 - Utility-first CSS framework
• 📘 TypeScript - Type-safe development
• 🏗️ Atomic Design - Organized component structure

Getting Started

Install Dependencies

npm install

Development

npm run dev

Build

npm run build

Preview Production Build

npm run preview

Atomic Design Structure

• Atoms: Basic HTML elements (buttons, inputs, labels)
• Molecules: Simple combinations of atoms (search bar, card)
• Organisms: Complex UI components (header, footer, forms)
• Pages: Specific page implementations