Sorcerer is a mystical-themed React single-page portfolio built for developers who want their work to leave an impression. Crafted for Alex Weaver, Full Stack Sorcerer, it combines rich Framer Motion animations, a custom cursor trail effect, and an arcane visual aesthetic into a fully static, zero-backend site you can clone, customize, and deploy in minutes. These docs cover everything from first-run setup and architectural decisions to per-page breakdowns and individual component APIs.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/sorcerer/llms.txt
Use this file to discover all available pages before exploring further.
Getting Started
Clone the repo, install dependencies, and have your animated portfolio running at localhost:5173 in under two minutes.
Architecture Overview
Understand how Vite, React Router v6, and Tailwind CSS are wired together under the hood.
Home Page
Dive into the hero section, entrance animations, and the first impression visitors experience.
Layout Component
Explore the root Layout wrapper that houses the navigation, cursor trail, and page transition shell.
Design Philosophy
Sorcerer’s aesthetic is rooted in the archetype of the arcane — moonlit midnight skies, glowing turquoise runes, and the quiet authority of velvet purple shadows. Every design decision reinforces the idea that great engineering is a kind of craft: deliberate, disciplined, and a little bit magical. The color palette is built around six custom Tailwind tokens:| Token | Hex | Role |
|---|---|---|
midnight-base | #0a1f2e | Primary background — deep ocean midnight |
midnight-dark | #0d2a3a | Elevated surfaces and card backgrounds |
moonlight-silver | #e2e8f0 | Body text and subtle UI elements |
turquoise-glow | #2dd4bf | Primary accent — interactive highlights |
turquoise-light | #5eead4 | Hover states and secondary glow accents |
velvet-purple | #1e1b4b | Deep accent for badges, tags, and overlays |
Tech Stack
Sorcerer is built on a focused, modern frontend stack with no backend dependencies.| Technology | Version | Purpose |
|---|---|---|
| React | 18 | Component rendering and state management |
| React Router | v6 | Client-side routing across all nine pages |
| Framer Motion | latest | Page transitions, scroll animations, entrance effects |
| Tailwind CSS | latest | Utility-first styling with custom design tokens |
| Vite | latest | Development server and production bundler |
assets/main.js, making deployment to any static host (Netlify, Vercel, GitHub Pages, Cloudflare Pages) entirely straightforward.
What’s Included
Nine fully built pages, each with its own route, animation choreography, and content section:/— Home: Hero section with animated entrance and primary call-to-action/about— About: Personal story, background, and values/projects— Projects: Showcase of selected work with descriptions and links/skills— Skills: Constellation-style skills graph and technology proficiencies/work— Work: Professional experience and timeline/case-studies— Case Studies: Deep-dive narratives on featured projects/blog— Blog: Articles, thoughts, and technical writing/contact— Contact: Inquiry form and direct contact details/testimonials— Testimonials: Client and colleague recommendations
Layout— Root wrapper providing the page shell, consistent padding, and transition contextMoonPhaseNav— Mystical-themed navigation bar with active-state moon phase indicatorsCursorTrail— Custom animated cursor that leaves a glowing trail as the visitor movesCandleDivider— Decorative section divider featuring an animated candle flame motif
Sorcerer is a fully static portfolio with no backend, database, or API dependencies. All content — your name, project descriptions, skills, work history, testimonials, and blog posts — is edited directly in the source files. There is no CMS or admin panel.