Frontend Developer | React, Next.js, Accessibility, Performance & AI Workflows

GitHub: -----------
LinkedIn: -----------.-----------/in/johnpevien/

I’m an experienced Frontend Developer with 8+ years of hands-on experience building, maintaining, and improving websites and web applications using modern frontend technologies.

I specialize in React, Next.js, TypeScript, JavaScript, Tailwind CSS, SCSS, shadcn/ui, Supabase, PostgreSQL, Convex, and modern frontend tooling. My work focuses on clean UI implementation, responsive layouts, accessibility, web performance, maintainability, and production-ready user experiences.

What I can help with:

* Build responsive websites and web applications from designs, requirements, or existing systems
* Develop reusable UI components
* Fix frontend bugs, layout issues, responsive problems, UI inconsistencies, and broken user flows
* Improve accessibility through semantic HTML, ARIA, keyboard navigation, focus states, skip links, color contrast checks, accessible forms, and accessible navigation patterns
* Review frontend accessibility using WCAG AA principles, Axe DevTools, and WAVE
* Improve web performance through image optimization, lazy loading, Core Web Vitals, Lighthouse checks, layout shift reduction, font optimization, preconnects, responsive images, code cleanup, and better component structure
* Improve frontend SEO through semantic markup, clean page structure, metadata, crawl-friendly implementation, and performance-focused development
* Integrate APIs and connect frontend applications with backend/data tools like Supabase, PostgreSQL, and Convex
* Maintain and improve existing websites, legacy systems, and production applications
* Modernize outdated frontend code, improve UI quality, and make systems easier to maintain
* Build internal tools, automation-friendly workflows, and web-based solutions that reduce manual work

I use modern development tools, including AI-powered coding assistants, to reduce turnaround time, catch issues earlier, and improve delivery quality. This is to move faster on implementation, debugging, refactoring, QA checks, and repetitive development work while keeping the final output clean, maintainable, and aligned with project requirements.

Beyond frontend development, I can also support practical automation and AI-related improvements where they make sense—such as internal dashboards, workflow helpers, prompt-based systems, custom GPTs, basic API integrations, and small tools that reduce repetitive manual work.