Leandro Bernal | Full Stack Web Developer

ABOUT

I used to build robots, now I build websites 🔨🤖➡️🌐. I've been freelancing for 3 years now, building and maintaining websites and web applications for my clients.

My go-to framework for both front-end and full-stack applications is Next.js. When I start building a new personal project, Next.js helps me quickly and efficiently bring ideas to life. It allows for rapid testing and iteration, making it perfect for exploring new concepts and refining them along the way.

In my spare time, I enjoy 3D printing and 3d modeling, or play fingerstyle on my acoustic guitar🎸.

MY TECH STACK

React

Next.js

TypeScript

Tailwind CSS

Node.js

Firebase

Supabase

MongoDB

Docker

Git

MY PROJECTS

topRes
Resume Generator
topRes is a user-friendly web app designed to help you create a professional resume in seconds.
- Next.js
- Tailwind CSS
- Typescript
- Javascript
InstaViewer
Anonymous Instagram Stories Viewer
View Instagram stories anonymously with this Next.js web application. No login required.
- Supabase
- Puppeteer
- Next.js
- Node.js
- Tailwind CSS
- Javascript
MusicViewr
Sheet Music Viewer
A lightweight web app for viewing and managing PDF sheet music, designed for musicians and music enthusiasts.
- Next.js
- Tailwind CSS
- Typescript
- Javascript
Ref Online
Reference Canvas board for Designers
A canvas for designers to put their image references on to. Similar to Pureref, but on the browser.
- MongoDB
- AWS S3
- NextAuth
- Next.js
- Node.js
- Tailwind CSS
- Javascript
FakePost
Chat Meme Generator
Generate realistic funny chat screenshots from popular messaging platforms like WhatsApp, iMessage, and Facebook Messenger.
- Next.js
- Tailwind CSS
- Javascript
Portfolio Website
My 2024 Portfolio Website
My 2024 Portfolio Website made with Next.js and Tailwind CSS.
- Next.js
- Tailwind CSS
- Javascript

EXPERIENCE

2023 — Present

Full Stack Engineer | Freelance

Worked with clients to build custom web applications, handling everything from designing the interface to setting up backend systems.
Helped businesses save time by automating repetitive tasks and connecting tools like Google Sheets and Gmail.
Built websites and blogs for clients, focusing on clean design and making sure they were easy for clients to update on their own.
Paid close attention to performance and scalability, making sure websites ran smoothly, even as they grew.
Fixed bugs, added features, and continually worked on improving the overall experience for users.

2022 — 2023

Frontend Engineer | Freelance

Designed and built user-friendly interfaces using React, making sure everything looked good and worked smoothly.
Worked closely with clients to turn their ideas and designs into functional, interactive websites.
Improved site performance by optimizing images, scripts, and other assets to make pages load faster.
Fixed bugs and ironed out quirks to ensure websites worked properly across different browsers and devices.

BLOG

January 19, 2025

Why I Like Shadcn UI and What I Don't Like About It

November 13, 2024

How to add Server Side Firebase Auth Checking to your Next.js App

A guide on how to add Server Side Firebase Auth Checking to your Next.js App. Learn how to use Firebase Authentication to protect pages and API routes in your Next.js app.