webdevbyrau

Hello! I'm Chris.

Technical Project Manager | Full-Stack Developer

I’m a delivery-focused engineer who ensures web applications launch on time, at high quality, and with real impact.

With 30 years of operational discipline in high-stakes industries, I manage project scope, mitigate risk, and coordinate complex workstreams from concept to launch.

I bring this rigor to my technical toolkit: Next.js, TypeScript, and React. Coupled with Agile and Scrum expertise, I excel at sprint planning, stakeholder communication, and orchestrating teams to deliver digital experiences that meet both business goals and user needs.

Skills

Area Technologies
Core Languages & Frameworks TypeScript | JavaScript (ES6+) | Next.js | React.js | Node.js | Express.js | Tailwind CSS | HTML/CSS
Delivery & Process Agile | Scrum | Project Lifecycle | Stakeholder Communication | Requirements Gathering | Code Reviews | Notion
Data & Backend Services REST APIs | PostgreSQL | MongoDB | Convex | Clerk
Tools & Deployment Git | GitHub | VSCode | Cursor | Vercel | Netlify | Render | AWS Amplify

Latest Projects

October 2025

Mountain Pathway |MVP Launch & V2.0 Strategic Roadmap

Next.js

TypeScript

React

Tailwind CSS

Zustand

Framer Motion

A calm, faith-centered journaling app guiding a 9‑step path from confusion to clarity—with ambient audio and responsive layouts.

  • Guided 9‑step journey
  • Desktop split‑screen + mobile bottom‑sheet
  • PDF export at completion
Roadmap
  • Save progress (Local Storage via Zustand persist)
  • User Accounts & Persistent Journeys
  • Multiple Journaling "Trails"
  • Advanced Rich Text Editor
  • Support the Project / Buy Me Coffee Feature
Full tech stack
  • Framework: Next.js (App Router, RSC), React
  • Language: TypeScript
  • Styling/UI: Tailwind CSS, shadcn/ui, Radix UI
  • State: Zustand (+persist)
  • Animations: Framer Motion
  • PDF: jsPDF, html2canvas
  • Icons: Lucide React
  • Audio: HTML5 Audio API
  • Dev/Deploy: ESLint, Prettier, GitHub, Vercel

June 2025

Pickleball Court Hub

NextJS

TailwindCSS

React

TypeScript

Convex

Pickleball Court Hub is a full-stack web app that helps players discover and share courts across the U.S. With an interactive map, real-time search, and user-submitted listings, it makes finding places to play fast and easy. Users can create profiles, add new courts, and connect with their local community. A mobile-first design and admin dashboard ensure the app stays accurate, accessible, and ready to scale.

April 2025

The Digital Dragon Market

NextJS

FantaCSS

Stripe

AWS Amplify

A sleek e-commerce platform built with Next.js and Stripe, featuring a responsive design and smooth shopping experience. The project showcases modern web development practices with optimized performance, secure payments, and an intuitive user interface.

February 2025

Brogram

ReactJs

FantaCSS

JavaScript

A modern React application that guides users through a structured "Bro Split" workout program. Built with React and Vite, it features an intuitive interface for tracking workouts, following proper exercise tempo, and monitoring progress. The app helps fitness enthusiasts achieve their goals through a scientifically-backed Push/Pull/Legs training methodology.

January 2025

Movie Search

HTML

TailwindCSS

JavaScript

A React-based web application that lets users search and discover movies. Features include movie search functionality, popular movies display, and a favorites system. Built with modern React practices, the app demonstrates clean code organization, API integration, and responsive design principles.

December 2024

Acme Rockets

HTML

TailwindCSS

JavaScript

Node.js (Express)

A responsive website for "Acme Rockets" showcasing modern web development skills using HTML, Tailwind CSS, and JavaScript. Features include a mobile-friendly design, dark mode support, interactive navigation, and a clean, professional layout with product showcases and testimonials.

Case Study: PMJ Printing: E-commerce Site Revamp for 99% Desktop Performance

Landing Page

PMJ Printing landing page before redesign
Before
PMJ Printing landing page after redesign
After

Hat Page

Hats category before redesign
Before
Hats category after redesign
After

Apparel Page

Apparel category before redesign
Before
Apparel category after redesign
After

About Us Page

About Us page before redesign
Before
About Us page after redesign
After

Footer

Footer before redesign
Before
Footer after redesign
After
Audit (Before)

Website Audit Report: PMJ Printing LLC

General Impressions
  • Website structure is functional and navigation mostly works.
  • The design feels dark and dated; could benefit from a brighter, cleaner look to match modern e-commerce expectations.
  • Shopify is being used (good choice for scalability), but some elements need refinement for consistency and professionalism.
Key Findings & Recommendations
  1. Branding & Logo
    • Logo is too small and hard to read.
    • Suggestion: Resize and ensure logo is high-resolution for better visibility.
  2. Navigation
    • All nav links functional except “More”, which leads nowhere.
    • Suggestion: Either remove or link to additional content (FAQs, About, Blog).
  3. Product Display
    • Inconsistent card design:
      • Apparel page → dark background
      • Hats page → light background
    • Product images vary in size, creating a cluttered look.
    • Suggestion: Standardize product card background and image dimensions for a uniform catalog feel.
  4. Footer
    • Footer is oversized, which distracts from product content.
    • Suggestion: Reduce height, simplify design, and make it functional (quick links, social media, small contact info).
  5. Contact Options
    • Currently only shows an email address.
    • Suggestion: Add a contact form and possibly a simple chatbot for basic inquiries.
Proposal & Implementation
  • Brighten site color scheme (update theme settings in Shopify).
  • Resize and clean up logo.
  • Standardize product card backgrounds & image sizing.
  • Fix navigation (remove or update “More”).
  • Redesign footer for a cleaner, professional look.
  • Add a contact form (Shopify app or built-in form).

Client Testimonial

“Chris took our vision and turned it into a reality, creating a website that perfectly reflects our family business. He was easy to work with, timely, and brought creative ideas that elevated the final product. It was a pleasure collaborating with him, and we would gladly work with him again.”

— PMJ Printing LLC