Notes Learner

A modern web application for learning through spaced repetition of knowledge nuggets. Built with Next.js, TypeScript, and Tailwind CSS. Built this to add a lightweight knowledge base for my own use.

Features

  • 📚 Learn mode with flashcards
  • 🔄 Review mode for spaced repetition
  • 📊 Progress tracking and statistics
  • âš¡ Keyboard shortcuts for quick navigation
  • 🎨 Dark mode support
  • 🔧 Customizable settings
  • 📱 Responsive design

More features coming soon.

  • Add a quiz mode
  • Add a spaced repetition mode
  • Add some AI to help with learning so I can call this an AI app wink

Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/notes-learner.git
cd notes-learner
  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser

Usage

Adding Topics

Create markdown files in src/data/topics with the following format:


name: "Sample Topic" description: "Core concepts" color: "#F7DF1E"

License

This project is licensed under the MIT License - see the LICENSE file for details.