AWS Flashcards

An AWS Cloud Practitioner (CLF-C02) certification study app built as an Electron tray application with 61+ flashcards across 4 exam domains.

Features

• System Tray Integration: Lives in your system tray for quick access during study sessions
• Interactive Flashcards: Flip cards with click or spacebar, navigate with arrows or swipe
• Progress Tracking: Mark cards as "Know It" or "Review" with persistent localStorage tracking
• Domain Filtering: Study specific AWS domains (Cloud Concepts, Security & Compliance, Technology & Services, Billing & Support)
• Shuffle Mode: Randomize card order for varied study sessions
• Keyboard Shortcuts: Efficient navigation (Space to flip, K for Know It, R for Review, arrows to navigate)
• Auto-hide: Window hides when you click elsewhere or press Escape

Setup

Prerequisites

• Node.js 18+ installed

Installation

1. Install dependencies:

   npm install

2. Run the app:

   npm start

Usage

Navigation

• Left-click the tray icon (☁️) to toggle the flashcard window
• Right-click the tray icon to open the Quit menu
• Press Escape to hide the window

Studying

• Space or Click the card to flip and reveal the answer
• ←/→ Arrow keys to navigate between cards
• K to mark the current card as "Know It" (learned)
• R to mark the current card for "Review"

Settings

Click the ⚙️ button to:

• Select which AWS domains to study
• Toggle shuffle mode
• Show/hide card counter
• Reset all progress

Exam Coverage

This app covers all 4 domains of the AWS Certified Cloud Practitioner (CLF-C02) exam:

• Cloud Concepts (24%) - 25 cards
• Security & Compliance (30%) - 32 cards
• Technology & Services (34%) - 61 cards
• Billing & Support (12%) - 18 cards

Building for Distribution

To create a distributable package:

npm run build

This will create installers for your platform in the dist folder.

Tech Stack

• Electron - Desktop app framework
• Embla Carousel - Card navigation and swiping
• Vanilla JavaScript/HTML/CSS - No frontend framework dependencies

Data Storage

All study progress is stored locally in your browser's localStorage:

• Cards marked as "learned"
• Cards marked for "review"
• Current card position
• Settings preferences

Your progress persists across app restarts and is never sent to external servers.

License

MIT