-
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:
-
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:
-
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:
-
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: