ALVARO ALARCON WEB DEV

LET'S NOT WASTE TIME

If you’re looking for a web dev who knows...

JAVASCRIPT

REACT

ASTRO

TYPESCRIPT

NEXTJS

TAILWIND

AGILE

SCRUM

SASS

FIGMA

GIT

GITHUB

UX

COPYWRITING

and 3 years building and shipping web apps, from design to deploy: restaurants, social apps, wedding platforms, and more.

ABOUT ME

I’m a bilingual web developer with 3 years of experience.

I love building clean, user-friendly interfaces that balance design and functionality. I always begin in Figma, where I prototype and experiment before turning my ideas into websites coded in React, Next.js, and Astro.

Everything you see on this page, including the illustrations, was designed by me in Figma.

Logo of AstroLogo of FigmaLogo of Next.jsLogo of JavaScriptLogo of React

PROJECTS

Logo de Casco Viejo

Casco Viejo

Astro

React

TypeScript

Tailwind

Contentful

Google Search Console

Google Analytics

Casco Viejo Bar & Kitchen is a Spanish restaurant that came to me with a website nobody could find, hosted on an ageing WordPress setup that nobody could safely edit. I rebuilt it from the ground up: new design system, new stack, a headless CMS the owners could actually use, and a zero-downtime migration that kept years of SEO equity intact.

Logo de Girasol B&B

Girasol B&B

Astro

React

TypeScript

Tailwind

Sanity Studio

Figma

A charming place needs a charming website.

Girasol B&B is a small eco-friendly bed and breakfast in the mountains of Spain. They needed a website that reflected their values and the beauty of their location. I designed and developed a responsive website that showcases their rooms, amenities, and the surrounding nature.

The website is built with Astro, React, TypeScript, Tailwind, and Sanity Studio for the client’s easy content management.

Logo de Regafy

Regafy

React

NextJS

TypeScript

Tailwind

Supabase

React Hook Form

Zod

Zustand

next-intl

Figma

Ever felt like you never know what to give someone as a gift? I’ve been there. And that’s why I made this app.

The idea behing Regafy is simple: to share gift wish lists with friends and see what your friends are looking for.

But that’s not all. You can create events, invite friends, create secret gift exchanges and much more!

The app has i18n support with English and Spanish and dark mode.

The app is built with Next.js, React and Typescript and Supabase for the backend. I used Zustand for state management and React Hook Form for form handling.

You need to sign up to use the app, but you can also watch the short demo video or contact me for a dummy account.

Logo de Escandallio

Escandallio

Next.js

React

TypeScript

Firebase

Tailwind

Shadcn

Figma

That chefs tend to focus more on catering great food at restaurants instead of number is a known fact.

This app was developed exclusively for a client that wanted a simple, fast and reliable app to to gain total transparency over their menu profitability.

Escandallio centralises ingredient catalogs and automates complex calculations. Bye bye to paper and bye bye to myriad of excel sheets.

I designed this app to provide real-time financial metrics, including precise per-dish costs, profit margins, and VAT impacts.

Logo de Horari

Horari

Electron

SQLite (better-sqlite3)

React

TypeScript

Tailwind CSS

Lucide React

date-fns

jspdf

html2canvas

Hello Pangea DnD

More...

Horari is a simple app for Windows (Electron) that lets you create and manage shifts for different employees/departments.

To build this project, I used a next-gen development stack led by TRAE (AI-native IDE).

My goal? Demonstrate how modern AI can act as a force multiplier for a software developer.

Logo de Wedding website 1

Wedding website 1

React

NextJS

Tailwind

Firebase

TypeScript

Playwright

Website for a wedding event.

The website has some custom animations made with Tailwind and CSS, with 3D effects and cool transitions.

All the designs, illustrations and drawings were also made by me.

There’s a working form to RSVP for the wedding. The info is sent to Firebase and the couple can access, edit and delete it in a dashboard created only for them, with a login access. They can also create groups and organise guests.

I used playwright to test the website’s forms.

Logo de Wedding website 2

Wedding website 2

React

NextJS

SASS

Firebase

Playwright

Another website for a wedding event.

In terms of functionality, it’s similar to the other web. The RSVP form however is a bit more complex and has more options/steps.

I also created all the designs and illustrations myself.

Logo de Carcard

Carcard

React

NextJS

Tailwind

Firebase

TypeScript

Web app for tracking your car’s maintenance.

It has a dashboard with the cars you add and the records added to each car.

Sign up is free & easy, or you can contact me and I’ll share a dummy account for you to try it out.

Logo de This portfolio

This portfolio

Astro

Tailwind

TypeScript

I started working in my new portfolio because I wanted something that was mobile-first, simple to use and very direct.

At the end of the day, I think this is what recruiters normally look for.

I’m very proud of the design I’ve crafted in a neo-brutalist style with my own touches.

Since it’s only Astro and doesn’t have lots of unused code, it’s fast to load and easy to navigate.

DIGITAL BADGES

Digital badge of Agile Scrum by Credly

BLOG

Blog

Ditch the inbox, use Telegram - A guide

May 15, 2026

Ditch the inbox, use Telegram - A guide

Want to learn how to set up Telegram as your contact form receiver? Here's how.

Blog

What we owe to translators and gamers

February 23, 2026

What we owe to translators and gamers

Did you know these two groups have a lot to do with the rise of AI?

Blog

Are local and simple apps the future of coding?

February 4, 2026

Are local and simple apps the future of coding?

AI is changing the coding paradigm, but not in the way you might think.

CONTACT

Link to my linkedinLink to my github