Alex Herrera

Alex Herrera

Developer who loves to acquire as many skills as possible, following the direction of the circumstances that impose my deepest interest in the world of technology.

About

My name is Alex Herrera Saravia. I'm a full-stack web developer and app developer enthusiast from Chile. I'm passionate about music, technology and health.

Whether you're a business owner looking to get started on a app or web development project with a freelance web developer, a developer looking to collaborate on something cool, or just wanting to say hi, send me a message and let's work together.

Skills

Programming Languages

  • VueJSAdvanced
  • TypescriptAdvanced
  • JavascriptAdvanced
  • NodeJSAdvanced
  • ReactAdvanced
  • C/C++Advanced
  • PythonAdvanced
  • GoIntermediate
  • PHPIntermediate
  • JavaBeginner
  • RustBeginner

Data Base related

  • PostgreSQLAdvanced
  • MySQLAdvanced
  • MongoDBBeginner
  • OracleDBBeginner

Others

  • LinuxAdvanced
  • DjangoAdvanced
  • DockerIntermediate
  • tailwindcssIntermediate
  • HTML/CSSIntermediate
  • TypeORMIntermediate
  • NavicatIntermediate
  • Remix FrameworkIntermediate
  • NetlifyIntermediate
  • LateXAdvanced
  • Microsoft OfficeIntermediate
  • Microsoft ExcelIntermediate
  • Microsoft PowerPointIntermediate
  • CanvasIntermediate
  • GIMP/PhotoshopIntermediate

Projects

Portfolio Website <Github>

19 December 2024

alt

What it does

This responsive portfolio website is a professional showcase of my work as a full-stack developer. It acts as a central hub where visitors can explore my projects, technical skills, and professional background. With a clean, minimalistic design, the site enables users to view detailed project descriptions, access source code for select projects, and connect with me via email or LinkedIn. It also highlights my programming expertise and provides access to my curriculum vitae.

Why I built it

I developed this portfolio website to demonstrate my ability to create a polished, user-friendly web application from the ground up. It serves as a dynamic representation of my technical skills and passion for building impactful solutions. By designing and deploying this site, I aimed to provide a seamless way for potential employers and clients to understand my capabilities and get in touch.

Tech Stack

  • Front-End: Remix framework, React, TypeScript, Tailwind CSS for responsive styling
  • Back-End: Neon, a serverless open-source PostgreSQL database
  • Deployment: Hosted on Netlify with CI/CD integration via GitHub for streamlined deployments
  • Version Control: Git, GitHub for source code management
RemixReactTypeScriptNeonNetlifyPostgres

Restaurant Full-Stack <Github>

11 February 2025

restaurant project images

What it does

This project aims to be a complete solution for a restaurant business, where customers can order from a list of menus, check when their order is ready, and pick up their food. The kitchen can view and start preparing orders. Waiters can use the mobile app to register client orders. The administrator can configure business preferences such as color scheme, logos, and slogan, view statistics in the dashboard, and much more.

features: authentication, roles, permissions, business settings and personalization, i18n, throttle, point of sale and totem POS, kitchen display system to show the orders that are in preparation and ready to pick-up, and a waiter mobile application to take the clients orders.

Why I built it

It started as a complex project to showcase my skills as a full-stack developer, but I continue to add more features every day to refine the system. What was initially a proof of concept to showcase my ability to integrate front-end and back-end technologies, handle databases, and create a fluid user experience has evolved into something bigger. Each new feature is an opportunity to learn, optimize, and push my limits. I built this project not only to demonstrate my technical proficiency but also to explore my creativity, solve complex problems, and build something useful and scalable. It's a reflection of my passion for development, my commitment to continuous improvement, and my desire to create solutions that not only work but also inspire.

Tech Stack

  • Front-End: React, TypeScript, Redux Toolkit, TailwindCSS and Vite.
  • Back-End: Django with Djoser and DRF (rest framework). PostgreSQL database.
  • Deployment: both front-end and back-end is stored in a docker container and deployed to AWS.
  • Version Control: Git, GitHub for source code management
ReactTypeScriptRedux ToolkitTailwindCSSDjangoPythonAuthPostgresDockerAWSUnit TestGit

Real-Time Collaborative Board <Github>

18 December 2025

Real-time Collaborative Board Images

What it does

This project is a real-time collaborative notes board inspired by Google Keep and Figma's FigJam — a visual, canvas-style workspace where multiple users can simultaneously create, edit, move, comment on, and delete sticky notes in real time.

Key features:

  • Free drag-and-drop positioning of notes on an infinite canvas (using native drag logic for smooth, precise movement)
  • Full real-time synchronization via Socket.io — when one user creates, edits, moves, comments, or deletes a note, everyone else on the same board sees the change instantly
  • Concurrent editing protection — exclusive edit lock: the first user to open a note's edit modal gets full control; others see a "Being edited by [username]" indicator and have inputs disabled until the lock is released
  • Multi-user presence — shows green chips with online usernames in the header
  • Role-based permissions — Owner and Editors can delete notes; Viewers can only read/comment
  • Responsive Quasar UI with clean, modern design (shadows, rounded cards, FAB for new notes)

Why I built it

I built this project specifically for my portfolio to demonstrate strong frontend and real-time collaboration skills in a modern, production-like application.

It showcases:

  • Deep mastery of Vue 3 Composition API and TypeScript (strict typing, interfaces, generics)
  • Advanced Pinia store management for complex state (notes, presence, edit locks)
  • Real-world Socket.io integration with proper event design, rooms, and optimistic UI
  • Expertise with Quasar Framework (layouts, dialogs, components, theming)
  • Understanding of collaborative UX patterns (edit locks, presence indicators, conflict prevention)
  • Clean architecture: separation of concerns, reusable components, typed socket service
  • Attention to polish: smooth drag feedback, no text selection during drag, role-based UI

Tech Stack

  • Front-End: Vue3, TypeScript, Quasar Framework, Pinia
  • Back-End: NodeJS, Express API, Socket.IO, SQLite
  • Version Control: Git, GitHub for source code management
VueJSTypeScriptQuasar FrameworkPiniaNodeJSSocket.IOExpressSQLite3

Fitness App <Github>

02 September 2025

Fitness App Images

What it does

This project is a mobile application that works on both Android and iOS smartphones. Its overall goal is to allow users to perform any type of exercise routine, from advanced and complex routines to quick interval training. The target user base includes everyone from beginners to experienced fitness enthusiasts, as well as instructors of various disciplines such as ballet, karate, calisthenics, powerlifting, and yoga, among others, regardless of age or social status. A unique feature is the ability to share routines. An instructor can assign tasks or have the entire class use the day's workout they've shared.

Why I built it

This is my ultimate passion project. A dream fitness app born from my own daily workout needs and frustrations with existing tools. I wanted a seamless way to create, share, and follow highly flexible routines (from simple sessions to advanced supersets, drop sets, and progressive overload plans), with crystal-clear visibility into what's next in my workout, real-time progress tracking, and an intuitive interface that just feels good to use every single day. What started as a personal solution to log my lifts and gains while showcasing my full-stack developer skills has exploded into a production-ready platform I'm constantly refining. Each feature—from the drag-and-drop workout builder to community sharing and analytics—pushes me to learn cutting-edge techniques, optimize performance, and deliver rock-solid reliability. It's not just code; it's a reflection of my dedication to fitness and development, blending my love for building empowering tools that motivate real change with a commitment to crafting scalable, professional-grade apps that could power anyone's fitness journey.

Tech Stack

  • Front-End: React-Native, TypeScript, Expo, Redux, React Native Reusables and Nativewind
  • Back-End: Clerk (authentication) and DrizzleORM with SQLite
  • Version Control: Git, GitHub for source code management
ReactNativeTypeScriptDrizzleORMSQLiteNativewindMobile Development