dev-mode is an arcade/retro-themed developer portfolio built with React, Vite, Framer Motion, and Tailwind CSS. This guide walks you through cloning the repository and getting all dependencies installed so you can run the project locally or build it for deployment.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-mode/llms.txt
Use this file to discover all available pages before exploring further.
The repository contains both the React source files and a pre-built
pages/ directory of static HTML — one file per route — generated by Vite’s production build. If you only want to serve the pre-built output you can skip the install step entirely, but installing dependencies is required to run the dev server or rebuild the project.Prerequisites
Before you begin, make sure the following tools are available on your machine:- Node.js ≥ 18 — Vite and the React ecosystem require a modern Node.js release. Download Node.js
- Git — used to clone the repository. Download Git
Installation Steps
Install dependencies
Install all project dependencies using your preferred package manager:This single command fetches everything the project needs. No additional configuration files are required before running.
What Gets Installed
The following packages make up the core of dev-mode:| Package | Purpose |
|---|---|
| React + ReactDOM | UI component library and DOM renderer (v18) |
| Vite | Lightning-fast dev server and production bundler |
| Framer Motion | Declarative animation library (motion.div, AnimatePresence) |
| Tailwind CSS | Utility-first CSS framework with custom arcade color tokens |
| React Router | Client-side routing via HashRouter, Routes, and Route |
| lucide-react | SVG icon set used throughout the UI |