Application
Overview
Cat Cards is a full-stack study platform designed to help students organize course materials and generate AI-powered study resources. I built the frontend using Next.js, React, TypeScript, and Tailwind CSS, creating an interface that allows users to manage folders, upload documents, and navigate study content through a persistent learning workspace.
Tools & Technologies
Next.js, React, TypeScript, Tailwind CSS, Supabase, PostgreSQL
Highlights
- Created a scalable study platform interface that supports document organization and future AI-powered learning workflows
- Built reusable React and TypeScript components to streamline navigation and content management
- Designed responsive user experiences optimized for managing large collections of study materials
Challenges
One challenge was designing the application architecture to support future AI features while maintaining a responsive user experience. To address this, I separated long-running document processing tasks from the user interface using Trigger.dev background jobs and designed reusable frontend components that can support future study workflows.
Outcome
The project currently supports authentication, folder organization, PDF uploads, and document processing infrastructure. By establishing a scalable foundation early, the platform is prepared for future features such as automatic flashcard generation, AI study guides, concept summaries, and personalized learning recommendations.