Portafolio

  • Easybank Landing Page Mockup

    Easybank Landing Page

    Easybank Landing Page Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals

    Stack:
    Vite.js
    React.js
    TypeScript
    Sass/SCSS
    Vitest
    Testing Library
    CI/CD
    Docker

    Tipo de renderizado: Static Site Generation (SSG)

    Desplegado en:
    Github Pages
    Ver OnlineCódigo Fuente
  • Rest Countries App Mockup

    Rest Countries App

    Rest Countries App Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals

    Stack:
    React.js
    Tanstack Query (React Query)
    TypeScript
    Sass/SCSS
    Docker

    Tipo de renderizado: Client Side Rendering (CSR)

    API Integrada: REST Countries (public API)

    Desplegado en:
    Vercel
    Ver OnlineCódigo Fuente
  • Blogr Landing Page Mockup

    Blogr Landing Page

    Blogr Landing Page Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals

    Stack:
    Next.js
    React.js
    TypeScript
    Sass/SCSS
    Vitest
    Testing Library
    Docker

    Tipo de renderizado: Pre-rendering + Hydration

    Desplegado en:
    Vercel
    Ver OnlineCódigo Fuente
  • Mini Shop Mockup

    Mini Shop

    Mini Shop Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First

    Stack:
    Next.js
    React.js
    TypeScript
    Tailwind CSS
    Vitest
    Testing Library
    Mock Service Worker
    Docker

    Tipo de renderizado: Pre-rendering + Hydration

    API Integrada: Fake Store (public API)

    Desplegado en:
    Vercel
    Ver OnlineCódigo Fuente
  • Sunnyside Agency Landing Page Mockup

    Sunnyside Agency Landing Page

    Sunnyside Agency Landing Page Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First, Pixel Perfect

    Stack:
    HTML
    CSS
    JavaScript

    Tipo de renderizado: Static

    Desplegado en:
    Github Pages
    Ver OnlineCódigo Fuente
  • Insure Landing Page Mockup

    Insure Landing Page

    Insure Landing Page Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First

    Stack:
    HTML
    Sass/SCSS
    JavaScript

    Tipo de renderizado: Static

    Desplegado en:
    Github Pages
    Ver OnlineCódigo Fuente
  • Testimonials Grid Section Mockup

    Testimonials Grid Section

    Testimonials Grid Section Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First

    Stack:
    React.js
    TypeScript
    CSS Modules

    Tipo de renderizado: Static

    Desplegado en:
    Github Pages
    Ver OnlineCódigo Fuente
  • Article Preview Component Mockup

    Article Preview Component

    Article Preview Component Mockup

    Categoría: Frontend

    Enfoques de desarrollo: Responsive Web Design, Mobile First

    Stack:
    HTML
    CSS
    JavaScript

    Tipo de renderizado: Static

    Desplegado en:
    Github Pages
    Ver OnlineCódigo Fuente
RODOLFO
MAYORA
PEREDA
View page source© - Rodolfo Mayora Pereda