Chimi

Chimi is a collaborative household planner and organizer that streamlines family life. Built with React (Vite) and a modular NestJS REST API, it features a reusable component library using TailwindCSS and headless Radix UI for a consistent, accessible design system. The app includes secure role-based permissions for flexible family member access control and is containerized with Docker Compose for scalable production use.

React

TypeScript

Vite

Tailwind

Radix UI

Shadcn UI

Zustand

React Query

NestJS

PostgreSQL

Docker

Role-based Access

Gamification

Challenges

Building Chimi presented several challenges, particularly around creating a real-time collaborative experience that families could use together. The recipe parsing system required complex natural language processing to accurately extract ingredients, quantities, and instructions from various formats.

Solution

I implemented a modular NestJS REST API to handle complex data relationships, while using React with TypeScript on the frontend for a type-safe, responsive user experience. The app uses react-query for server state management and Zustand for local state. The UI was built with a reusable component library using TailwindCSS and headless Radix UI to ensure accessibility and consistency.

Key Features

✓Collaborative task and event management with role-based permissions

✓Recipe management with automatic ingredient parsing

✓Interactive meal planning calendar with drag-and-drop interface

✓Smart shopping lists that combine ingredients from planned meals

✓Gamification features to motivate family collaboration

✓Responsive design with accessible UI components

Project Gallery

Interested in working together?

I'm always open to discussing new projects and opportunities.

Get in Touch