RODOLFO
MAYORA
PEREDA

FRONTEND DEVELOPER

What do I use?

  • HTML Icon
    HTML
  • CSS Icon
    CSS
  • JavaScript Icon
    JavaScript
  • Sass/SCSS Icon
    Sass/SCSS
  • TypeScript Icon
    TypeScript
  • Next.js Icon
    Next.js
  • React.js Icon
    React.js
  • Redux Icon
    Redux
  • Vite.js Icon
    Vite.js
  • Vitest Icon
    Vitest
  • Jest Icon
    Jest
  • Testing Library Icon
    Testing Library
  • Husky.js Icon
    Husky.js
  • PNPM Icon
    PNPM
  • Corepack Icon
    Corepack
  • Node.js Icon
    Node.js
  • Docker Icon
    Docker
  • VSCode Icon
    VSCode
  • Ubuntu Icon
    Ubuntu
  • Git Icon
    Git

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
  • 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
  • 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)

    Deployed on:
    Vercel