Portfolio

  • Easybank Landing Page Mockup

    Easybank Landing Page

    Easybank Landing Page Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals

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

    Render patter: Static Site Generation (SSG)

    Deployed on:
    Github Pages
    See OnlineSource Code
  • Blogr Landing Page Mockup

    Blogr Landing Page

    Blogr Landing Page Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First, Pixel Perfect, Core Web Vitals

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

    Render patter: Pre-rendering + Hydration

    Deployed on:
    Vercel
    See OnlineSource Code
  • Mini Shop Mockup

    Mini Shop

    Mini Shop Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First

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

    Render patter: Pre-rendering + Hydration

    API integration: Fake Store (public API)

    Deployed on:
    Vercel
    See OnlineSource Code
  • Rest Countries App Mockup

    Rest Countries App

    Rest Countries App Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First

    Stack:
    React.js
    TypeScript
    Redux
    Redux Sagas
    Sass/SCSS

    Render patter: Client Side Rendering (CSR), List Virtualization (Windowing)

    API integration: REST Countries (public API)

    Deployed on:
    Vercel
    See OnlineSource Code
  • RESTful API + Documentation Mockup

    RESTful API + Documentation

    RESTful API + Documentation Mockup

    Category: Backend

    Development approaches: REST

    Stack:
    Docker
    Node.js
    Express.js
    JavaScript
    MongoDB Atlas
    Jest
    Supertest
    Swagger
    OpenAPI v3
    Deployed on:
    Fly.io
    See OnlineSource Code
  • Sunnyside Agency Landing Page Mockup

    Sunnyside Agency Landing Page

    Sunnyside Agency Landing Page Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First, Pixel Perfect

    Stack:
    HTML
    CSS
    JavaScript

    Render patter: Static

    Deployed on:
    Github Pages
    See OnlineSource Code
  • Insure Landing Page Mockup

    Insure Landing Page

    Insure Landing Page Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First

    Stack:
    HTML
    Sass/SCSS
    JavaScript

    Render patter: Static

    Deployed on:
    Github Pages
    See OnlineSource Code
  • Testimonials Grid Section Mockup

    Testimonials Grid Section

    Testimonials Grid Section Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First

    Stack:
    React.js
    TypeScript
    CSS Modules

    Render patter: Static

    Deployed on:
    Github Pages
    See OnlineSource Code
  • Article Preview Component Mockup

    Article Preview Component

    Article Preview Component Mockup

    Category: Frontend

    Development approaches: Responsive Web Design, Mobile First

    Stack:
    HTML
    CSS
    JavaScript

    Render patter: Static

    Deployed on:
    Github Pages
    See OnlineSource Code
RODOLFO
MAYORA
PEREDA
View page source© - Rodolfo Mayora Pereda