Digital Coven is a dark-retro, occult-themed personal portfolio and developer showcase. Built with React, Framer Motion, and Tailwind CSS, it combines immersive visual effects — neon glows, CRT overlays, animated constellations, and drag-and-drop interactions — into a cohesive single-page application. This documentation covers every component, page, and customization option so you can understand, fork, and adapt the project to your own use.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/digital-coven/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what Digital Coven is, what technologies it uses, and what makes it unique.
Quickstart
Clone the repo, install dependencies, and run the dev server in minutes.
Architecture
Understand the file layout, routing strategy, and design system foundations.
Components
Browse all UI components — from the animated background to the drag-and-drop Cauldron.
What’s Inside
Digital Coven ships as a fully self-contained Vite + React SPA. Every page is a distinct route with its own animated entry and exit, and every visual effect is implemented in pure React with Framer Motion — no external UI library required.Home Page
Summoning Circle, HeroText typewriter, Cards of Fate, and ProjectMarquee.
Skills
Interactive SkillConstellation graph and drag-and-drop Cauldron.
Projects
Three-style ProjectTiles layout: Hexagon, Terminal, and Runestone cards.
About
Animated vertical TimelineMilestones and the ThingsINotice section.
Writing
Filterable articles with TornCard and FoldedCard display formats.
Contact
Animated form with floating labels, a guestbook, and social links.
Key Technologies
React + Vite
The app is scaffolded with Vite for fast HMR. React Router v6 handles client-side hash-based routing.
Framer Motion
Every page transition, hover effect, scroll animation, and drag interaction is powered by Framer Motion — including
AnimatePresence for smooth route changes.Tailwind CSS
A custom Tailwind config defines the coven color palette (
--void, --electric-purple, --neon-lime, --magenta, --cyan) and typography scales using Cinzel Decorative and JetBrains Mono.