Joel Mangin
Full-stack Developer
Greenville, SC
I'm a full-stack developer with a knack for translating real-world needs into scalable systems. I bring curiosity, empathy, and a willingness to listen and learn to every project. My logistics background enables me to spot patterns and bring clarity where others see complexity—always with an eye toward good user experiences.
interface Developer {
name: string;
skills: string[];
interests: string[];
};
interface TechStack {
devOps: string[];
backend: string[];
frontend: string[];
frameworks: string[];
};
type ContactType = 'github' | 'linkedIn' | 'email';
const techStack: TechStack = {
devOps: [
'GitHub',
'Github Actions',
'Cloudflare',
'Docker',
'Terraform',
'AWS',
'Vercel',
'Prisma '
'CI/CD'
],
frontend: [
'React',
'Next.js',
'TailwindCSS',
'Material UI',
'CSS',
'HTML',
'Zustand',
'Shadcn/UI',
'tRPC',
'Socket.IO',
'XState',
'Zod',
],
backend: [
'Node.js',
'PostgreSQL',
'GraphQL',
'MongoDB',
'Express',
'Prisma',
'Drizzle',
'Neon DB',
'REST APIs'
],
frameworks: [
'Next.js',
'React',
'Express',
'Node.js',
'Astro',
'Svelte',
'Ruby on Rails'
],
languages: [
'TypeScript',
'JavaScript',
'Python',
'Ruby',
'C#',
'SQL'
]
};
// Developer profile
const me: Developer = {
name: 'Joel Mangin',
skills: [
...techStack.devOps,
...techStack.backend,
...techStack.frontend,
...techStack.frameworks,
...techStack.languages
],
interests: [
'Product Leadership', // Origin story was refactoring a sub-par feature
'User Experience', // Battle-tested product serving UHNWIs
'Performance Optimization' // If it's slow it may as well not exist
]
};
// Contact function
const contact = (type: ContactType): string => {
switch (type) {
case 'github':
return 'https://github.com/applesnort';
case 'linkedIn':
return 'https://www.linkedin.com/in/joel-mangin';
case 'email':
return '[email protected]';
default:
return 'Send message.';
}
};
bluetape.pro
A full-stack task management platform built with Next.js, TypeScript, and Socket.IO. Features real-time collaboration, robust authentication flows, and an interactive dashboard. Implements modern component architecture with shadcn/ui and type-safe APIs using tRPC.
Swimlane Dispatch
An intuitive timeline interface where each lane represents a resource. Tasks appear as draggable cards with status indicators and priority levels.
Cargo Cosmos
Cargo Cosmos is a space trading simulation built with React, XState state machines, and tRPC, based on Space Trader. The game features detailed economy mechanics including price fluctuations, cargo transportation, and interstellar travel between spaceports.
Self-taught developer who welcomes challenges and thrives in a diverse environment.
My tech origin story is the time a vendor delivered a sub-par MVP to the logistics firm where I worked. It rendered the task management feature unusable. I decided to re-design that dispatch feature and with the help of a colleague, we built a replacement in a week. I was hooked.
What I Offer
- Product Leadership & Architecture
Ability to listen to, understand, and distill user needs into exceptional products. - Web & SaaS Development
From idea to production, using modern frameworks and best practices. - Experience & Technical Chops
Rare combination of technical knowledge and high-level stakeholder communication results in consistent product wins. - Cloud & Serverless Architecture
Spin up an edge function to handle API requests. - Automation & Workflow Optimization
Catch issues while building canary preview before they hit production.
Why Work With Me?
- Over 7 years of hands-on experience across product development, frontend, backend, DevOps, and automation.
- Curiosity and dedication to understanding how things work.
- Passionate about improving human expierience through technology.
If you're looking for a developer or product leader, let's talk!
Strengths Profile
My top 5 strengths according to Gallup StrengthsFinder assessment:
1. Individualization
I'm intrigued by the unique qualities of each person and have a gift for understanding how different people can work together productively. I notice what makes people stand out, pay attention to their individual interests, and create effective partnerships based on complementary talents.
2. Ideation
I'm fascinated by ideas and find connections between seemingly unrelated concepts. I generate innovative approaches, invent new methods, and thrive in environments where creative thinking is valued. I enjoy brainstorming and moving rapidly between different concepts.
3. Strategic
I create alternative ways to proceed and can quickly spot relevant patterns and issues. I have a knack for identifying problems, generating alternatives for solving them, and evaluating options to select the best course of action.
4. Positivity
I have contagious enthusiasm and can get others excited about what they're going to do. I build strong relationships through recognition and praise, and I naturally focus on the good things in life. My optimistic approach helps lift others.
5. Restorative
I'm adept at dealing with problems, figuring out what's wrong, and resolving it. I constantly look for ways to improve myself and situations, study mistakes to understand what needs to change, and turn challenges into opportunities for growth.