Clayton Cripe

Engineering Approach

I approach software development with a strong focus on architecture, performance, and long-term maintainability.

A few principles guide how I design and build systems:

• •Server-first architecture Favoring SSR and backend-driven logic to reduce unnecessary client complexity.
• •Clear ownership of state Separating UI state from business logic and persistence layers.
• •Relational data modeling Designing PostgreSQL schemas that reflect real domain relationships rather than quick NoSQL-style patterns.
• •Performance as a feature Prioritizing fast load times, efficient queries, and minimal client-side overhead.
• •Pragmatic technology choices Selecting tools that solve the problem well rather than chasing trends.

Technologies I Work With

Next.js

TypeScript

PostgreSQL

Node.js

Prisma

Tailwind CSS

Stripe

Selected works

A selection of SaaS platforms, production client work, and engineering-focused projects.

Ghost Mammoth Pickle Ball

Full-stack membership and event management platform for a pickleball club.

Key Features: Member registration • Event scheduling • Stripe subscription payments

Highlights: REST API design • PostgreSQL relational schema • Row-Level Security • SSR pages

Role: Full-stack development and SaaS architecture (built collaboratively)

Next.jsTypeScriptSupabaseStripeFull-stackSaaSPostgreSQLTailwind CSSRow Level SecurityRealtimeAccessibilityPlaywrightVercel

Live site

IntelliTaskPro

Full-stack AI-powered project management and collaboration platform for teams and organizations.

Key Features: Kanban boards • AI task generation & sprint planning • Multi-tenant organizations • Stripe subscription billing • Real-time collaboration (Pusher) • Role-based access control • Background workers (reminders, automation)

Highlights: Multi-tenant relational schema • API routes + Server Actions • Neon PostgreSQL • RBAC (org & board level) • AI provider abstraction (Gemini / Ollama / OpenAI) • SSR with Next.js App Router • Redis + BullMQ workers

Role: Full-stack development and SaaS architecture

NextTypeScriptTailwindcssPrismaNeon PostgreSQLPrismaStripeSAASMulti-tenantAI

Live site|Source code

Downriver Renovations

Modern marketing site for a full-service construction company in the Greater Spokane Area.

Key Features: Multi-page navigation • Service pages (Home Renovation, New Construction, Outdoor Space, Commercial) • Project gallery with carousels • Client testimonials carousel • Dark mode with theme toggle • Embedded Google Forms contact • Responsive layout

Highlights: Next.js App Router • TypeScript • Tailwind CSS + CSS Modules • Theme context with localStorage and system preference • Reusable UI components (NavBar, carousels, modals) • Next.js Image optimization

Role: Front-end development and site architecture

Next.jsTypeScriptFrontend DevelopmentResponsive DesignTailwind CSSCSS Modules

Live site

The Royal Canine

Marketing site for a self-service dog wash business in Burlington, WI.

Key Features: Multi-page navigation • Home, FAQs (About Us), Photo Gallery, Events • Photo gallery with hero carousel and grid • Image lightbox modal • FAQ accordion with answer modal • Events page with event cards • Getform.io contact form and contact modal • Elfsight reviews widget • Responsive layout with mobile menu

Highlights: Vite • React 18 • TypeScript • React Router (HashRouter for GitHub Pages) • CSS Modules • Context for modals (gallery, FAQ, nav) • Reusable UI (NavBar, Carousel, MenuModal, FormModal, GalleryImgModal, AnswerModal, FaqAccordion) • Font Awesome • Deployed to GitHub Pages

Role: Front-end development and site architecture

ReactViteFrontend DevelopmentResponsive DesignCSS ModulesSmall Business Website

Live site

Vault

Zero-knowledge password manager: encryption happens in the browser; the server only stores ciphertext.

Key Features: User registration & login • Vaults and encrypted items • Client-side encryption (WebCrypto) • Session-based auth • Secure API with ownership checks

Highlights: REST API (Go/Chi) • PostgreSQL with parameterized queries • Argon2id password hashing • Per-IP rate limiting • Input validation & request size limits • Secure headers (HSTS, X-Frame-Options, etc.) • CORS and Bearer auth

Role: Full-stack development (backend API, frontend app, crypto design, and deployment)

Next.jsTypeScriptTailwindGoPostgreSQLwebCryptoArgon2idFly.io

Live site

Volcano Trivia App

Full-stack trivia quiz with user auth, score tracking, and high-score leaderboard.

Key Features: User registration & auth • Trivia game (5 questions) • Score history & high scores

Highlights: Server Actions • PostgreSQL (Supabase) • Supabase Auth • SSR & Server Components

Role: Full-stack development

NextTypeScriptTailwindCSSSupabase

Live site|Source code