Francisco Perez Cejuela

I create effective systems that harmonize with their users

I'm a web engineer specialized in React and Node.js who builds fast, maintainable, and accessible applications that adapt to the needs of modern businesses and agile developers

About me

I’m a JavaScript developer and occasional designer. I’ve created webfronts aimed at small businesses as well as intuitive browser tools for development purposes

I specialize in React and modern frameworks such as Next and Gatsby and I’m also strongly familiar with backend APIs and the Node.js ecosystem

I have experience implementing full-fledged web applications using static site generators and server-side rendering as well as plain sites with barebones HTML, CSS, and JavaScript (such as this site!)

I have skills with:

  • TypeScript

  • React

  • Next.js

  • Gatsby.js

  • Node.js

  • Jest & RTL

  • Sass/SCSS

  • HTML5

  • CSS3

  • JQuery

  • SQL

  • Adobe Illustrator & Photoshop

Some things I've made

  • Calc Generator

    Web tool

    A little tool I initially built for myself to speed up work on fluid CSS sizing, especially concerning mobile layouts which can be finicky and require more precision.

    I aimed to make it versatile and highly customizable yet focused and unopinionated. It allows the user to generate CSS ranging from a complete self-contained media query system that fits their codebase as well as a plain CSS function.

    It was built from scratch without libraries and works as a PWA to ensure that it is reliable for use at all times.

    Technologies used:

    • HTML
    • CSS
    • TypeScript
    • Vite
  • Sustainable Development

    Website template

    Fully functional website aimed at environmental consultancy agencies. It features a CMS, custom design, and a contact form (currently disabled).

    I built it to familiarize myself with the broader scope of the creation of a medium-sized project. It was built on Gatsby.js and NetlifyCMS, and also makes use of Netlify Forms for contact e-mails and FortAwesome icons. Other than that every asset is entirely custom-made.

    It also takes advantage of Gatsby's capabilities for static rendering, routing, and image optimization which makes page loading remarkably fast.

    Technologies used:

    • React
    • Gatsby.js
    • GraphQL
    • Netlify CMS
    • Sass/SCSS
    • Illustrator
  • Mi Morada B&B

    Website demo

    Demo site I put together for a local Bed & Breakfast during the early stages of a project that never came to fruition.

    At its current state it's only the main page which features a room catalogue, a contact form, and a map (powered by Leaflet) that points to nearby attractions and GPS directions to get there.

    It has a custom design, put together using Sass, following BEM conventions, and built on top of Gatsby which makes it fast to load.

    Technologies used:

    • React
    • Gatsby.js
    • Leaflet
    • Sass/SCSS
    • Illustrator
  • Real estate placeholder API

    Fake API

    Fake API destined to testing purposes that I made early on while learning web development.

    It features hundreds of procedurally generated property profiles with adequate amenities and respective price and expenses.

    It follows REST conventions, supports pagination, sorting, and filtering, and features a didactic GUI with documentation.

    Technologies used:

    • HTML
    • CSS
    • JQuery
    • Node.js