witch-dev is a personal developer portfolio with a witchcraft-inspired dark UI. Built with React 18, Vite, Framer Motion, and Tailwind CSS, it features animated background particles, a glowing cursor trail, smooth page transitions, and an interactive hexagonal skill radar — all deployed as a static site via GitHub Pages.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/witch-dev/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what witch-dev is, what it includes, and how the project is structured.
Getting Started
Clone the repo, install dependencies, and run the dev server in minutes.
Architecture
Understand the component tree, routing strategy, and how pages are assembled.
Pages & Features
Explore each page — Home, About, Projects, Skills, Writing, and Contact.
UI Components
Deep-dives into Navigation, BackgroundEffects, and CursorTrail components.
Theming & Styling
Color tokens, typography choices, and the Framer Motion animation system.
Deployment
Build for production and deploy to GitHub Pages or any static host.
Configuration
Customize routes, content, Tailwind tokens, and Vite build settings.
Quick Start
Start the development server
What’s Inside
witch-dev ships six themed pages, each named after a spell-casting concept:| Route | Theme Label | Description |
|---|---|---|
/ | Summon | Hero page with animated pentagram sigil and typewriter effect |
/about | Origins | Interactive timeline of background and an opinionated “things I notice” sidebar |
/projects | Grimoire | Horizontally scrollable circular project cards with tag filtering |
/skills | Affinities | Interactive hexagonal radar chart of tech proficiency levels |
/writing | Scrolls | Featured article card and stacked blog post archive |
/contact | Raven | Contact form section |
The project uses hash-based routing (
/#/about, /#/projects, etc.) so it deploys cleanly to GitHub Pages without requiring a server-side redirect rule.