Skip to main content

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.

Sorcerer is a fully animated React single-page portfolio designed for developers who want to make a lasting impression. Built with React, React Router v6, Framer Motion, and Tailwind CSS, it combines deep-space dark aesthetics with high-performance scroll animations, interactive 3D project cards, and a custom SVG cursor trail — all under one mystical theme.

Get Started

Clone the repo, install dependencies, and run the portfolio locally in minutes.

Architecture

Understand the project structure, routing, and how pages are composed.

Pages & Features

Explore every page — from the animated hero to the contact form with particle effects.

Components

Deep-dive into reusable UI components like the moon-phase nav, cursor trail, and candle divider.

What’s Inside

Sorcerer ships with nine fully built pages, four shared UI components, and a cohesive design system based on a custom Tailwind color palette.

Animated Hero

Rotating runic SVG circle and letter-by-letter title reveal on the home page.

3D Project Cards

Flip cards reveal project tech stacks and links on hover with CSS 3D transforms.

Skill Constellation

Technologies rendered as star nodes connected by animated SVG lines.

Scroll Timeline

Work history displayed on a Framer Motion parallax timeline.

Case Studies

Two in-depth technical case studies with ingredients, ritual, and result layout.

Contact Form

Particle-burst animation fires on form submit with AnimatePresence exit transitions.

Quick Start

1

Clone the repository

git clone https://github.com/apursley2012/sorcerer.git
cd sorcerer
2

Install dependencies

npm install
3

Start the development server

npm run dev
Open http://localhost:5173 to see the portfolio.
4

Customize your content

Edit the data arrays and component text in assets/main.js to replace the placeholder name, projects, skills, and case studies with your own.
Sorcerer is a static portfolio built with Vite. No backend or database is required — all content lives directly in the component source files.

Build docs developers (and LLMs) love