View All Projects
NeuroCards - Hero
Featured96Organic

NeuroCards

A smart flashcard app powered by spaced repetition and built with modern web tech.

Tech Stack

React 18TypeScriptViteTailwind CSSShadcn/uiLucide ReactRadix UIFramer MotionSupabasePostgreSQLReact RouterReact i18next

Master Anything with Intelligent Flashcards

Key Features

Spaced Repetition Engine

Cards adapt based on how well you remember them.

Multiple Card Types

Basic, multiple choice, fill in the blank, and type the answer.

Streaks and Statistics

Track your learning progress and daily study streak.

Comprehensive RTL Support

The application fully supports Arabic translation.

Impact

500+
Cards Created
15 min
Avg Study Session

Gallery

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5
Screenshot 6
Screenshot 7
Screenshot 8
Screenshot 9

The Problem

Learners needed a modern app to memorize and retain knowledge efficiently with spaced repetition.

Project Goal

To build a fast, responsive, and powerful flashcard system with adaptive scheduling and analytics.

My Role

Solo fullstack developer: I built the backend, frontend, algorithm, and handled design decisions.

Design Decisions

Used Tailwind + Shadcn for clean UI. Multi-language & RTL support. Smooth transitions via Framer Motion.

Challenges

Designing a working spaced repetition algorithm and syncing user progress securely via Supabase.

Solutions

Used Supabase row-level security and context API for handling decks, reviews, and session logic.

Key Learnings

How to balance UX, performance, and clean architecture in a learning app.

Future Improvements

AI-generated cards from user input or PDFs. Shared decks. Better search filters.