RODOLFO
MAYORA
PEREDA
FRONTEND DEVELOPERWhat do I use?
Frontend
Backend
Tools
Portfolio
Easybank Landing Page
Category: Frontend
Development approaches: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals
Stack:Vite.jsReact.jsTypeScriptSass/SCSSVitestTesting LibraryCI/CDDockerRender patter: Static Site Generation (SSG)
Deployed on:Github PagesRest Countries App
Category: Frontend
Development approaches: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals
Stack:React.jsTanstack Query (React Query)TypeScriptSass/SCSSDockerRender patter: Client Side Rendering (CSR)
API integration: REST Countries (public API)
Deployed on:VercelBlogr Landing Page
Category: Frontend
Development approaches: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals
Stack:Next.jsReact.jsTypeScriptSass/SCSSVitestTesting LibraryDockerRender patter: Pre-rendering + Hydration
Deployed on:VercelMini Shop
Category: Frontend
Development approaches: Responsive Web Design, Mobile First
Stack:Next.jsReact.jsTypeScriptTailwind CSSVitestTesting LibraryMock Service WorkerDockerRender patter: Pre-rendering + Hydration
API integration: Fake Store (public API)
Deployed on:Vercel