Overview

A modern, real-time collaborative list application built with Next.js 15, Supabase, and Drizzle ORM.

View DemoPrivate Repository

Tech Stack

Technologies

AppTypeScriptAINext.js

Soft Skills

CollaborationProductivityProblem Solving

Motivation

To create a seamless collaborative list-making experience with real-time features and AI assistance.

Challenges

  • Implementing real-time collaboration with multiple users editing simultaneously
  • Integrating AI-powered list generation with natural language processing
  • Building a robust drag-and-drop system for categories and items
  • Ensuring accessibility compliance (WCAG 2.1 AA) while maintaining modern UX

Learnings

  • Mastered real-time database subscriptions with Supabase for live collaboration
  • Gained experience with Google Generative AI integration for smart content creation
  • Developed skills in building accessible, keyboard-navigable interfaces
  • Learned to implement comprehensive internationalization (i18n) systems

Detailed Overview

The Easy List is a collaborative list application that enables multiple users to create, edit, and organize lists in real-time. It features AI-powered list generation, drag-and-drop categorization, template systems, and anonymous collaboration capabilities.

Key Features

Real-time collaboration with live member presence, AI-powered list generation using Google Gemini, drag-and-drop organization between categories, template system for reusable lists, batch operations for multiple items, full internationalization (EN/PT-BR), accessibility-first design with keyboard navigation, and anonymous or authenticated usage.

Technical Highlights

Built with Next.js 15 App Router, Supabase for real-time database and authentication, Drizzle ORM for type-safe queries, shadcn/ui components with Tailwind CSS, and comprehensive testing with CI/CD pipeline through GitHub Actions.