This Readme is AI-generated =D
A modern, interactive portfolio website built with SolidJS, featuring creative animations, case studies, and technical experiments. The site showcases web development work and creative coding experiments with a focus on animation and design.
- Creative canvas-based animations and experiments
- Smooth scrolling with GSAP animations
- Responsive design with mobile-first approach
- Interactive code demonstrations
- Project case studies and technical writing
- Custom typography with TT Hoves font family
- Framework: SolidJS with solid-start
- Styling: TailwindCSS
- Animations:
- GSAP for scroll-based animations
- P5.js for creative coding
- Canvas API for custom graphics
- Routing: @solidjs/router
- Smooth Scrolling: @studio-freight/lenis
- Build Tool: Vinxi
The project is organized into several main sections:
- Introduction: Personal introduction and site overview
- About Work: Professional experience and skills
- Blackbook: Collection of creative experiments and case studies including:
- Brockmann Arc: Creative interpretation of Josef Müller-Brockmann's work
- Lerped Randomness: Animation experiments
- Essential Simplicity: Technical writing about fundamental functions
- Clone the repository
- Install dependencies:
pnpm install- Start the development server:
pnpm dev- For production build:
pnpm build- The project uses signals for state management
- Custom components are built with shadcn/solid
- Animations are implemented using a combination of GSAP and custom Canvas/P5.js code
- TypeScript is used throughout with strict type checking
- Modern browsers with CSS Grid and Canvas API support
- Designed with progressive enhancement in mind
- Includes reduced-motion support for accessibility
All rights reserved. This is a personal portfolio project and is not open for redistribution.