πŸš€ A.C.C.I.D.s TRIPPY VISION

A local-first development environment that spins up ready-to-deploy web projects faster than you can say "npm install" β€” with zero configuration, built-in time travel, and the ability to deploy to actual servers (remember those?).

πŸ“Š Download

Download for Windows (ACCID_Windows.zip)

WINDOWS STEPS:

  1. Download ACCID_Windows.zip
  2. Unzip folder
  3. 2x click on

Linux Distro(ACCID_v1.0_LINUX.tar.gz)

LINUX STEPS:

  1. Download ACCID_v1.0_LINUX.tar.gz
  2. Unzip
  3. 2x click on

Mac DMG(ACCID.dmg)

MAC STEPS:

Requirements: Apple Silicon (M1–M4), macOS 11.0+ (Big Sur or newer).

Intel Macs not supported.

  1. Download ACCID.dmg
  2. Open ACCID.dmg
  3. Drag ACCID.app into /Applications

    Always run from /Applications
    (don’t run from the DMG).
  4. Eject the DMG
The app may take 15–30 seconds to start (first launch) while macOS verifies it and ACCID unpacks its runtime. Subsequent launches are similar but usually a bit faster.

πŸ“Š Core Philosophy

Think: "Create React App" meets "Time Machine" meets "Visual Editor" β€” but running entirely on your local machine, because we respect your files and your data doesn't need to live in someone else's cloud.

🌐 GitLab Instance: We run a GitLab instance at spiffydesign.com for complete deployment workflows. ACCID handles SSH keys, connects your staging and live environments, and basically does all the Git stuff you were going to Google anyway. Just reach out to get set up.

🎯 Four Project Types

Four Project Types

(ACCID itself is built with Python/Flask, but these are what you build with it)

HTML Project

🌐
HTML Projects

Web Development Like It's 1999 (But Better)

Pure HTML, CSS, and JavaScript. No webpack. No babel. No existential crisis about which build tool to use. Just make websites and deploy them. Now with Adobe-style history panel and pre-built components.

  • Zero build tools (seriously, none)
  • πŸ“œ Adobe History Panel - visual undo/redo timeline
  • 🧩 Special Pieces - drop in hero sections, cards, etc.
  • FTP deployment that actually works
  • Built-in admin panel
  • SEO analyzer (because Google still matters)
  • Folder size tracker & health monitoring
  • Dropbox image integration
  • Static export for pure simplicity
Best For: Portfolios, landing pages, blogs, small business sites, explaining code to humans
React Projects

βš›οΈ
React Applications

Enterprise-Ready in 30 Seconds Flat

Full React environment with testing, builds, and hot reload. Skip the three days of setup and get straight to building. We DO NOT "molest" your code β€” remove it from ACCID and it's just a normal React project.

  • Node 18.14 + React 18 + Vite 5
  • Testing framework included
  • Production builds you can preview first
  • Hot reload that actually works
  • Component architecture ready to go
  • Full npm ecosystem access
  • Code coverage reports
  • SSH keys auto-configured for GitLab
Best For: Dashboards, interactive tools, SaaS apps, things that need React
Gallery Projects

πŸ“Έ
Gallery Projects

Your Images Live in Dropbox, Not in Git

Multiple gallery templates, Dropbox integration so you're not duplicating massive image files, and the ability to export everything as static HTML. Plus drag-and-drop reordering that actually persists.

  • Timeline, grid, mystery dots, location-based views
  • Files stay in Dropbox (OAuth 2.0 + PKCE)
  • Smart usage tracking
  • Real-time updates
  • Static HTML export
  • ImgBB hosting option
  • No server required for deployment
  • Fully editable after export
Best For: Travel blogs, photography portfolios, event documentation, visual storytelling
Waypoint Projects

🌌
Waypoint Builder

Connect Ideas Across Images and Projects

Mark regions on images and link them to other waypoints. ACCID finds visual similarities and semantic connections using Jaccard similarity clustering. Your personal creative brain, optionally connected to the collective creative web.

  • Visual editor with rich text + code syntax
  • Mark image regions, link to other points
  • Automatic similarity detection
  • πŸŒ€ Galaxy (local): your projects
  • 🌌 Universe (opt-in): the entire web
  • πŸ’‘ Multi-Stakeholder Decision Maps
  • βœ…/❌ Agreement tracking per perspective
  • Visual consensus/conflict mapping
  • Spatial viewer (semantic clustering)
  • Standalone HTML export
  • Lightweight JSON files
Best For: Tutorials, repair guides, recipes, educational content, process mapping, inspiration boards, team decision-making, product reviews, connecting ideas you didn't know were related

🌌 Waypoint Deep Dive

Because "clicking through linked images" is more fun than it sounds

πŸŒ€ Waypoint Galaxy (Local)

Your personal creative brain that connects waypoints across all your local projects in real-time.

  • Link art direction β†’ assets β†’ inspiration
  • Connect concepts across mini-sites
  • Build visual knowledge graphs
  • Discover relationships as you create
  • Auto-finds commonalities (colors, concepts, techniques)

🌌 Waypoint Universe (Opt-in Public)

The collective creative web β€” when galleries go live, they can join the Universe. The more people who try it, the better it gets.

  • Find connections across the entire web
  • Your cooking tutorial β†’ someone's repair guide
  • All via lightweight JSON files
  • Images stay on user sites
  • Network effect: grows with participation

🎁 Bonus: Waypoint Creator (Standalone)

Python CLI for creating waypoint galleries without the full ACCID app. Templates for cooking, travel, repair, tutorials. Generates portable JSON files that import directly into ACCID or Universe. Perfect for pre-production planning.

πŸ’‘ Multi-Stakeholder Decision Maps

Same project, different perspectives, opposing views β€” all visualized.

Example: New Feature Review

Designer Perspective:
  • βœ… "Beautiful UI" - aesthetics, user-friendly, modern
  • βœ… "Smooth animations" - polished, delightful, engaging
  • ❌ "Too much data" - cluttered, overwhelming, cognitive-load
Developer Perspective:
  • ❌ "Beautiful UI" - performance-heavy, render-cost, tech-debt
  • ❌ "Smooth animations" - janky-on-mobile, battery-drain
  • βœ… "Data architecture" - scalable, maintainable, solid-foundation
Marketing Perspective:
  • βœ… "Beautiful UI" - sellable, competitive-edge, premium-feel
  • βœ… "Smooth animations" - demo-ready, wow-factor, viral-potential
  • βœ… "Too much data" - feature-rich, enterprise-ready, value-packed
What This Enables:
  • Visual Consensus/Conflict Maps
  • Filter by any perspective
  • Find where alignment exists
  • Identify conflict zones
  • Understand different reasoning
How It Works:
  • Photos with all βœ… = far apart (everyone agrees)
  • Mixed βœ…βŒ = close together (shared concerns)
  • Green/red dot visual coding
  • Consensus overlay heatmap
  • Perspective filtering in search

Seriously though, the Universe concept gets more interesting the more people use it. Try it out and contribute your waypoint galleries! 🌠


✨ Universal Features (All Project Types)

πŸ”§ Development Tools

  • Auto-preview on code changes
  • Live syntax checking
  • Code coverage reports
  • Automated testing
  • Hot module replacement

πŸš€ Deployment

  • One-click FTP deployment
  • localhost.run for live URLs
  • View your project from anywhere
  • Pre-configured SSH keys
  • GitLab CI/CD at spiffydesign.com

πŸ”’ Security

  • Local-first (your machine, your data)
  • Automatic SSH key generation
  • Secure credential storage
  • No mandatory cloud dependencies
  • Optional GitLab integration

πŸ—‚οΈ Project Management

  • Export/import as ZIP files
  • Code stays clean (no ACCID lock-in)
  • Works on any machine
  • Trash system for oops moments
  • Remove from ACCID = standalone project

πŸ•°οΈ ACCID Time Machine

Never Lose Work Again β€” Because "undo" is for amateurs. We've got snapshots.

System-Wide Safety Net

  • πŸ“Έ Snapshot everything before changes
  • πŸ” Smart comparisons across all files
  • βͺ Surgical file-level restores
  • ↩️ Undo restored versions instantly
  • ⭐ Milestone protection (never auto-deleted)
  • πŸ“„ Detailed diff reports
  • βœ‚οΈ Smart cleanup & pruning

Project-Level Version Control

  • Independent project tracking
  • Restore specific files only
  • No impact on other projects
  • Complete change history

Rock-Solid Encoding

No more broken restores!

  • βœ… Perfect Python indentation
  • βœ… Clean HTML (no more class="..." nonsense)
  • βœ… Error-free JSON
  • βœ… UTF-8 done right, every time

You're basically a time traveler now. Experiment fearlessly, break things, learn fast β€” then restore when needed. ⏰✨

Time Machine functionality developed with assistance from Claude (Anthropic)
Built with Flask, React, Vite, and an unreasonable amount of coffee β˜•

Go forth and build fearlessly! πŸš€