Desktop, Electron, React

SmartCard

SmartCard is a lightweight desktop contact manager built with Electron and React. It stores contacts locally (no cloud) and lets users build recipient groups quickly, then launch targeted email drafts via their default mail client. Key highlights: Desktop-first, privacy-first: local JSON storage, no sync required Group-based recipient selection with active/inactive toggles Fast “Send Email” flow that opens the system mail client Compact, animated UI tuned for small windows

Client SmartCard Inc.

Year 2024

Website smartcard.com

El Re Fg

Overview, gallery, and deliverables

Overview

Users juggle contacts across tools yet still scramble to assemble accurate recipient lists. Cloud sync adds friction and privacy concerns. The goal: a fast, local-first desktop app that keeps grouping and sending frictionless. Three-page flow to reduce cognitive load:

contact list with search/filters,
focused contact editor,
group-based recipient selection with a live send preview.

Contacts live in a local JSON file ({ id, name, email, group, active }) stored in Electron’s userData directory. The main process handles file I/O and import/export dialogs; React manages UI state via IPC. Local-first keeps it private and offline-ready.

A short video demonstrating the app in use

Deliverables

Cross-platform desktop build with local JSON storage, import/export flows, and a polished UI. Video walkthrough and flow diagrams capture the interaction and data model.