Digital Alchemy is an immersive personal portfolio website built with React, Framer Motion, and Tailwind CSS. It showcases the work, skills, and philosophy of a frontend developer through a rich dark mystical aesthetic — complete with glowing turquoise accents, animated tarot cards, constellation skill maps, and a runic contact form.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/digital-alchemy/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Discover what Digital Alchemy is, its visual philosophy, and how the site is structured.
Getting Started
Clone the repo, install dependencies, and run the site locally in minutes.
Pages & Features
Explore every page of the portfolio — from The Sanctum home to Cast a Message contact.
Components
Browse the animated UI components powering each section of the portfolio.
What’s Inside
Digital Alchemy is more than a portfolio template — every page is a hand-crafted interactive experience. The site consists of nine thematic sections, each powered by a bespoke animated React component.The Sanctum
Home page with the SpellCircle animated hero
The Witch
About page using flippable TarotCard panels
Summonings
Project showcase with PotionBottle cards
Familiar Languages
Skills page with an interactive Constellation map
Lineage
Work history via the CandleTimeline component
The Grimoire
Case studies as animated open-book pages
Forbidden Knowledge
Articles displayed on a 3D bookshelf
The Coven
Testimonials in a glowing CrystalBall carousel
Cast a Message
Contact form with runic particle effects
Tech Stack at a Glance
Digital Alchemy is built with a focused set of modern frontend tools:| Technology | Role |
|---|---|
| React 18 | Component-based UI framework |
| React Router v6 | Client-side SPA routing |
| Framer Motion | Animation engine for transitions and interactions |
| Tailwind CSS | Utility-first styling with custom color tokens |
| Vite | Fast build tooling and dev server |
| Lucide React | Icon library |
Explore the Technical Reference
Deep-dive into the architecture, design system, animation patterns, and deployment strategy.