Visão Geral
SmartFlashcards é uma plataforma full-stack de estudos criada para transformar materiais brutos em flashcards de qualidade e agendar revisões usando FSRS. O produto prioriza velocidade, simplicidade e uma experiência de estudo sem distrações, inspirada em ferramentas SaaS modernas.
O backend oferece uma API com autenticação via cookies HttpOnly, matérias, flashcards, geração por IA e agendamento de revisões. O frontend é uma aplicação Next.js pronta para produção, com modo escuro, layout responsivo, skeleton loaders, atualizações otimistas, atalhos de teclado e animações suaves.
Demonstração
Criação de matérias
Organize seus flashcards por assunto, curso ou prova.
Geração de flashcards com IA
Cole um material de estudo, escolha quantos cartões gerar, visualize os rascunhos e salve os flashcards desejados.
Revisão com FSRS
Revise um cartão por vez com animação de flip, indicador de progresso e botões de avaliação: Again, Hard, Good e Easy.
Principais Funcionalidades
- Cadastro, login, logout e sessão autenticada com JWT em cookie HttpOnly.
- Gerenciamento de matérias com criação, edição, exclusão, busca e estados vazios.
- Criação e edição manual de flashcards.
- Geração de flashcards por IA a partir de materiais de estudo.
- Pré-visualização dos cards gerados antes de salvar.
- Fluxo de revisão baseado em FSRS com filtro de cards pendentes.
- Atalhos de teclado para revisões rápidas.
- Modo escuro, command palette, interface responsiva, skeleton loaders, toasts, diálogos e animações polidas.
Stack Técnica
Frontend
- Next.js 15 App Router
- TypeScript
- TailwindCSS
- Componentes no estilo shadcn/ui
- TanStack Query
- Zustand
- Zod
- React Hook Form
- Axios
- Framer Motion
Backend
- Node.js
- Express
- TypeScript
- Prisma
- PostgreSQL
- JWT em cookies HttpOnly
- Agendamento FSRS
- Geração de flashcards com Ollama