EnviroGun
Frontend Development · React, Gatsby, TypeScript, i18n
- Multilingual structure
- Performance-first UI
- Maintainable component patterns
Frontend engineering for modern, fast, accessible web experiences.
I build React-based websites and UI systems that ship cleanly, load fast, and scale with content—without sacrificing UX or SEO.
ReactGatsbyTypeScriptAccessibilityCore Web Vitalsi18n
Focus
- Shipping clean, maintainable UI
- Accessibility as a baseline
- Performance + SEO fundamentals
What I deliver
React & Gatsby development
Production-grade components, content-driven pages, scalable frontend architecture.
Performance optimization
Core Web Vitals improvements, image strategy, caching, and frontend profiling.
Accessibility (WCAG-minded)
Semantic HTML, keyboard navigation, contrast checks, and inclusive UX patterns.
Multilingual websites (i18n)
Clean translation structures, hreflang/canonical hygiene, and content parity across languages.
Design systems & UI consistency
Reusable UI libraries, tokens, documentation, and standards for teams.
CMS / Headless integrations
Content modeling and integrations that keep editing safe and predictable.
Process
01
Understand
Clarify goals, target users, constraints, and content priorities.
02
Plan
Define information architecture, reusable components, and delivery milestones.
03
Build
Implement clean UI, responsive layouts, i18n, and maintainable code standards.
04
Optimize
QA, accessibility checks, performance tuning, and SEO fundamentals.
Portfolio
Live projects and an archive of earlier designs.
Live projects (online)
Current and recent websites I've built. Click each card to review details.
Reef Cleaning Company
Frontend Development · React, Gatsby, TailwindCSS
- Service-driven sections
- Lead generation forms
- Responsive layout
Code Crafted Studios
Design + Frontend implementation + Regular maintenance · React, Gatsby, TailwindCSS, i18n
- Content-driven sections
- Reusable UI blocks
- SEO & accessibility hygiene
- Multilingual structure
Juan Pablo Riano
Design + Frontend implementation + Regular maintenance · React, Gatsby, TailwindCSS, i18n
- Portfolio storytelling
- Focused hierarchy
- Clean layout
- SEO & accessibility hygiene
- Multilingual structure
Frontend developer of this portfolio site.
Succulente Sculpture
Design + Frontend implementation · React, Gatsby, TailwindCSS, i18n
- Visual-first UI
- Gallery layout
- Mobile-friendly browsing
Website for showcasing succulent chocolate sculptures (flowers)
Jazzy & Bright
Design + Frontend implementation · HTML/CSS/JavaScript
- Services-driven sections
- Responsive layout
Website for showcasing cleaning services.
Amusez-vous
Design + Frontend implementation · HTML/Bootstrap/JavaScript
- Event-driven sections
- Responsive layout
- Gallery showcase
Website for children's entertainment equipment rental.
Copygraphos
Design + Frontend implementation · React, Gatsby, TailwindCSS
- Portfolio storytelling
- Service-driven sections
- Responsive layout
Website to showcase printing machines maintenance services.
Gama y Equipos
Design + Frontend implementation · HTML/CSS/JavaScript
- Product showcase layout
- Responsive design
- Service-driven sections
SPA
Planchers & Renovations PC
Design + Frontend implementation · React, Gatsby, TailwindCSS, Firebase
- Service-driven sections
- Lead generation forms
- Responsive layout
Website to showcase flooring and renovation services. Bilingual site.
Manual 3 (Project)
Design + Frontend implementation · HTML/CSS/JavaScript
- Custom theme development
- Responsive layout
- Portfolio storytelling
Portfolio site for Aquitecture Agency. https://riano.ca/manual3/
Groupe Somos
Design + Frontend implementation · HTML/CSS/JavaScript
- Landing page design
- Responsive layout
- Marketing-focused sections
Landing page for selection process. https://somosconstruction.ca & https://groupesomos.ca/main.html
Point Bar Lounge
Design + Frontend implementation + Regular maintenance · HTML/CSS/JavaScript
- Event-driven sections
- Responsive layout
- Regular updates
- Seasonal promotions
First version of the site, now replaced with a React-based build. https://ellounge.ca
El Lounge
Design + Frontend implementation + Regular maintenance · React, Gatsby, TailwindCSS, firebase
- Event-driven sections
- Lead generation forms
- Responsive layout
- Regular updates
- Seasonal promotions
Multilingual site, regularly updated, with seasonal promotions, events, and offers.
Somos Construction
Design + Frontend implementation · React, Gatsby, TailwindCSS, Firebase
- Portfolio storytelling
- Service-driven sections
- Responsive layout
Bilingual site
Wash A Fita
Design + Frontend implementation · React, Gatsby, TailwindCSS, Firebase
- Service-driven sections
- Lead generation forms
- Responsive layout
SPA Bilingual site.
Archive (offline designs)
Older site designs that are no longer online. Click each card to review details.
About
I’m a frontend developer focused on building usable, accessible interfaces with strong performance and clean architecture.
- Content-driven builds with predictable editing workflows
- Accessibility and semantic HTML as defaults
- Performance and SEO hygiene baked into delivery
Availability
Add a short availability statement here (contract / project-based / timezone overlap), per language.
Canada / USRemote / HybridEN / FR / ES
Let’s build something clean and scalable.
Share your goals, timeline, and target users. I’ll reply with next steps and a clear plan.