RODOLFO
MAYORA
PEREDA

FRONTEND DEVELOPER

What do I use?

Frontend

  • HTML Icon
    HTML
  • CSS Icon
    CSS
  • Sass/SCSS Icon
    Sass/SCSS
  • JavaScript Icon
    JavaScript
  • TypeScript Icon
    TypeScript
  • React.js Icon
    React.js
  • Next.js Icon
    Next.js
  • Redux Toolkit Icon
    Redux Toolkit
  • Vite.js Icon
    Vite.js

Backend

  • Node.js Icon
    Node.js
  • Express.js Icon
    Express.js
  • Nest.js Icon
    Nest.js
  • PostgreSQL Icon
    PostgreSQL
  • MongoDB Icon
    MongoDB

Tools

  • Docker Icon
    Docker
  • Git Icon
    Git
  • Ubuntu Icon
    Ubuntu
  • VSCode Icon
    VSCode
  • Dbeaver DB Client Icon
    Dbeaver DB Client
  • Bruno HTTP Client Icon
    Bruno HTTP Client

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
  • Rest Countries App Mockup

    Rest Countries App

    Rest Countries App Mockup

    Category: Frontend

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

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

    Render patter: Client Side Rendering (CSR)

    Deployed on:
    Vercel
  • 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
  • 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

    Deployed on:
    Vercel