Chocolate Smart Home Frontend

Interface for the Chocolate Smart Home project.

Technologies

• React
• TypeScript
• Mantine UI - Component library and styling system
• Vite
• WebSocket - Real-time communication with chocolate-smart-home-backend
• Docker - Containerization for consistent development environment
• Vitest
• ESLint
• Prettier

Prerequisites

• Docker
• Make

Getting Started

1. Clone the repository:

git clone https://github.com/ZFudge/chocolate-smart-home-frontend.git
cd chocolate-smart-home-frontend

2. Start the development environment:

# only run the first time
make network container install
# run the development server
make dev

Development Tools

Storybook

Launch Storybook to view and develop components in isolation:

make storybook