cade/web-portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

up the glazing for my portfolio

Browse source
This commit is contained in:
Cayden Schwechten 2026-08-04 10:51:39 -05:00
parent a1225a150c
commit 261c95f93a
1 changed files with 28 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

47
app/page.tsx
View file

@ -10,18 +10,31 @@ export default function Home() {
className="h-40 w-40 rounded-full object-cover shadow-lg"
/>
<header className="flex flex-col gap-4">
<header className="flex flex-col items-center gap-4">
<h1 className="text-5xl font-light leading-tight md:text-6xl">
Howdy, I&apos;m Cayden.
</h1>
<p className="font-poppins text-2xl font-light leading-tight">
JavaScript · TypeScript · Python · Go · React, NextJS
<p className="font-poppins text-2xl font-light leading-tight opacity-80">
Web Developer & Technical Leader
</p>
</header>
</section>
<section className="flex flex-col gap-6 text-lg leading-8 font-cormorantGaramond">
<section className="flex flex-wrap items-center justify-center gap-4 font-poppins text-sm tracking-wider text-gray-600 sm:gap-6 sm:text-base md:gap-8">
{["JavaScript", "TypeScript", "Python", "Go", "React", "Next.js"].map((tech, index, arr) => (
<React.Fragment key={tech}>
<span className="cursor-default text-snow-storm font-medium transition-colors duration-200 hover:text-nord-12">
{tech}
</span>
{index < arr.length - 1 && (
<span className="select-none text-snow-storm">•</span>
)}
</React.Fragment>
))}
</section>
<section className="flex flex-col gap-6 font-cormorantGaramond text-lg leading-8">
<p>
Nice to meet you! I am a Web Developer who specializes in architecting robust, user-centric
applications, transforming complex logic into seamless digital experiences.
@ -35,47 +48,43 @@ export default function Home() {
</p>
<p>
Beyond the clinical sector, my architectural experience extends to high-concurrency community
platforms. I have developed complex state management systems, robust user infrastructure, and
comprehensive governance controls. These applications have successfully scaled to support thousands
of daily active users, functioning as mission-critical tools for large digital communities.
Beyond technical architecture, my work is deeply informed by an extensive background in organizational logistics. Grounded by foundational training in nationally recognized civic leadership programs, I previously directed one of the largest interest-driven communities in the Southern United States. In this capacity, I spearheaded large-scale event production—routinely managing gatherings of up to 250 attendees and coordinating cross-country travel for live entertainers. I have additionally facilitated strategic talent placements in commercial media, negotiated partnerships with major global streaming networks, and regularly presented as a panelist at large-scale conventions.
</p>
<p>
Whether developing a new feature, refining an existing product, or adapting to rapid architectural
shifts, I am dedicated to creating software that is accessible, modern, and highly functional.
This focus-driven leadership approach directly translates to my engineering philosophy. Whether orchestrating high-concurrency state management systems, leading a project through rapid architectural shifts, or aligning a development team to meet ambitious goals, I am dedicated to executing with precision and creating software that is modern, accessible, and highly functional.
</p>
</section>
<section className="mt-10 rounded-2xl bg-nord-2 p-8 font-cormorantGaramond text-white shadow-md">
<h2 className="mb-6 text-2xl font-semibold tracking-wide border-b border-white/20 pb-3">
Core Competencies
<h2 className="mb-6 border-b border-white/20 pb-3 text-2xl font-semibold tracking-wide">
Focus Areas
</h2>
<ul className="grid gap-4 md:grid-cols-2 text-lg">
<ul className="grid gap-4 text-lg md:grid-cols-2">
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
Next.js & React Ecosystems
Clinical UI/UX & Ergonomics
</li>
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
TypeScript & Tailwind CSS
EHR & Fleet Architecture
</li>
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
EHR & Fleet Management
High-Concurrency Infrastructure
</li>
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
High-Concurrency Systems
Large-Scale Event Logistics
</li>
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
Infrastructure & Automation
Strategic Team Alignment
</li>
<li className="flex items-center gap-3">
<span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
Human-Centric Design & Thinking
Community State Management
</li>
</ul>
</section>