Fortune Seeker is a React portfolio template built for developers who want their personal site to feel like an experience rather than a resume. It wraps a fully functional nine-page portfolio in a divination aesthetic — tarot cards that flip to reveal project details, a canvas-rendered starfield in the background, a glowing custom cursor, and gold-on-obsidian typography drawn from the visual language of occult manuscripts. If you want to stand out from the sea of light-mode developer portfolios, Fortune Seeker gives you a production-ready starting point that is as technically solid as it is visually distinctive.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/fortune-seeker/llms.txt
Use this file to discover all available pages before exploring further.
Design Philosophy
Every page in Fortune Seeker borrows its identity from tarot and mystical tradition. The homepage greets visitors with a card titled “The Developer” and instructs them to click to begin their reading. Navigation links carry names like Major Arcana (projects), The Reader (about), Cast Spells (skills), The Pendulum Swing (work history), The Deep Reading (case studies), The Scribe’s Pages (blog), Channeled Reviews (testimonials), and Send a Sigil (contact). These are not just cosmetic labels — they inform the layout and interaction patterns of each page. Projects are displayed as flippable tarot cards that reveal technical details on the reverse face. The skills page animates SVG sigil paths when you hover a technology name. The contact form plays a pentagram animation while your message is being “cast.” The colour palette reinforces this atmosphere at every level. Background surfaces usemidnight (#0a0a1a) and obsidian (#050505), giving the page a near-black depth. Accent colours are drawn from gold (#c9a96e) and velvet (#3a1a5c), evoking candlelight and rich fabric. Text is set in Cormorant Garamond for headings — a high-contrast serif with the weight and grace of a printed arcane text — and Inter for body copy, keeping readability clean and modern.
Tech Stack
| Technology | Role |
|---|---|
| React 18 | Component model and rendering |
| React Router v6 | Client-side routing across nine pages |
| Framer Motion | Page transitions, card flips, scroll-driven animations |
| Tailwind CSS | Utility-first styling with custom colour tokens |
| Vite | Build tooling and dev server |
| Lucide React | Icon set (book, flame, send, sparkles, and more) |
| Google Fonts | Cormorant Garamond (serif headings) + Inter (body) |
What You Get
Nine Pre-Built Pages
A complete portfolio site covering home, about, projects, skills, work history, case studies, blog, testimonials, and contact — all wired up with React Router v6.
Animated UI Components
Seven purpose-built components including a 3D-flip TarotCard, a canvas-based Starfield, CrystalBall glass sphere, CandleFlame particles, slide-in Navigation drawer, and a glowing CustomCursor.
Dark Mystical Theme
A fully realised design system with four custom Tailwind colours, two Google Fonts, scroll-driven parallax, and CSS utility classes for 3D card transforms and gold text-shadow effects.
GitHub Pages Ready
A pre-built static export is included in the repository root. Individual HTML files for each route (
home.html, about.html, etc.) and a .nojekyll file ensure clean deployment without any build step.Prerequisites
Before you start customising Fortune Seeker, make sure you have the following in place:- Node.js 18 or later — required to run Vite’s dev server and rebuild the project after making changes
- Basic React and JSX knowledge — components, props, and hooks are used throughout the source
- Git — for cloning the repository and pushing to GitHub Pages