No description
- JavaScript 99.1%
- HTML 0.7%
- CSS 0.2%
|
|
||
|---|---|---|
| public | ||
| src | ||
| .gitignore | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| potcss.config.js | ||
| README.md | ||
| tailwind.config.js | ||
| vercel.json | ||
| vite.config.js | ||
Ozzy Tague — Portfolio
Portfolio site for Ozzy Tague, a 3D animator and VFX artist from Anchorage, Alaska. Showcases animations, design work, and an artist statement.
Live site deployed on Vercel.
Features
- Public media grid for videos and designs with hover effects
- Individual media detail pages with full-screen video/image player
- Admin dashboard (
/ozzy) for full CRUD management of portfolio content - Hidden login via Easter egg: click the logo 5 times on the Lore page
- Responsive layout: 1 → 2 → 3 column grid
Tech Stack
- React 19 + Vite 6 — frontend framework and build tool
- React Router 7 — client-side routing
- Tailwind CSS 4 — utility-first styling
- Supabase — database, file storage, and authentication
- ReactPlayer — video playback
Supabase Schema
Table: animations
| Column | Type | Description |
|---|---|---|
id |
uuid | Primary key |
title |
text | Media title |
description |
text | Description text |
url |
text | Public URL to video or image file |
thumbnail |
text | Thumbnail image URL |
media_type |
text | "video" or "picture" |
Storage bucket: animations
Development
npm install
npm run dev # Dev server at localhost:5173
npm run build # Production build
npm run preview # Preview production build
npm run lint # ESLint
Requires a .env file with Supabase credentials:
VITE_SUPABASE_URL=...
VITE_SUPABASE_ANON_KEY=...