FULL-STACK DEVELOPER

Crafting elegant code with purpose

I'm a developer focused on creating refined digital experiences with clean, maintainable code. My approach embraces the beauty of simplicity in both design and development, finding elegance in thoughtful problem-solving.

VIEW PROJECTS

The craft of code

Beyond functionality, I value code that's elegant, maintainable, and thoughtfully structured. Here's how I approach the art and science of development.

useAsyncData.tsx

Purpose

This custom hook abstracts the complex logic of data fetching, providing a clean and reusable pattern for handling asynchronous operations throughout an application.

Design Principles

Built with type safety, memory leak prevention, proper error handling, and a clear return pattern—embodying my belief that well-structured code should be both functional and maintainable.

Problem Solving

By isolating fetch logic from UI components, this pattern improves testability, reduces duplication, and creates a clear separation of concerns—solving common React architecture challenges.

The terminal

Prefer a more direct interface? Try interacting with my terminal. Type "help" to see available commands.

angeli@portfolio:~

Welcome to Angeli's terminal. Type "help" for available commands.

Technical expertise

A carefully curated collection of technologies I've developed deep familiarity with through hands-on implementation and continuous refinement, forming the foundation of my technical approach.

Frontend Development

Building intuitive user interfaces and seamless user experiences

React

Component architecture, hooks, context API, and state management

TypeScript

Type-safe code, interfaces, generics, and utility types

Tailwind CSS

Utility-first styling, responsive design, custom theming

Next.js

React framework for production, SSR, and static site generation

Figma

Design, prototype, and collaborate on UI/UX projects

Expo

React Native framework for building cross-platform mobile applications

JavaScript

ES6+, async/await, functional programming patterns

Vue.js

Progressive JavaScript framework for building UIs

Angular

Platform for building mobile and desktop web applications

Backend & API

Creating robust server-side applications and efficient APIs

Node.js

Server-side JavaScript, Express, middleware architecture

API Development

RESTful APIs, GraphQL, JWT authentication, API security

Laravel

PHP framework for web application development with MVC architecture

Fastify

Fast and low overhead web framework for Node.js

PHP

Server-side scripting language for web development

Java

Enterprise-grade application development

Database & Cloud

Designing data structures and leveraging cloud infrastructure

PostgreSQL

Relational schema design, complex queries, performance optimization

Database Design

Normalization, indexing, query optimization, ORM integration

Supabase

Open source Firebase alternative with PostgreSQL backend

Oracle

Enterprise database solutions and SQL optimization

AWS

Cloud infrastructure, serverless computing, and database services

Azure

Microsoft cloud platform for application hosting

MongoDB

NoSQL database for flexible, document-based storage

Firebase

BaaS platform with real-time database capabilities

Testing & Tools

Ensuring quality and optimizing development workflows

Git

Version control, branching strategies, collaborative workflows

Docker

Containerization for consistent development and deployment

Jest

JavaScript testing framework with a focus on simplicity

GitHub Actions

CI/CD workflows integrated with GitHub repositories

Webpack

Module bundler for JavaScript applications

Vite

Next-generation frontend tooling for faster development

Cypress

End-to-end testing framework for web applications

Postman

API development environment for testing and documentation

Insomnia

REST client for API testing and debugging

No-Code & CMS

Rapid development with visual builders and content management

WordPress

Content management system with custom theme and plugin development

Webflow

Visual web design platform with custom code integration

Framer

Prototyping, design, and production-ready websites

Squarespace

Website builder and hosting platform with custom code injection

Zapier

Automation platform connecting apps and services

Practices & Principles

Core methodologies that guide all development work

Clean Code

Focused on readability, maintainability, and reducing technical debt

SOLID Principles

Single responsibility, Open-closed, Liskov substitution, Interface segregation, Dependency inversion

Responsive Design

Mobile-first approach, accessible layouts, device compatibility

Performance Optimization

Load time efficiency, caching strategies, resource management

Security Practices

XSS prevention, CSRF protection, input validation, secure authentication

Selected works

A curated selection of projects that represent my approach to development and problem-solving.

TrailScout

Featured /01

A specialized platform for biking and trail enthusiasts to discover and scout optimal paths. Integrates Overpass Turbo API with custom route generation algorithms and OpenAI integration for intelligent trail recommendations. Features include advanced trail search and interactive route planning capabilities.

Visit trailscout.bike

Technologies

Next.jsTypeScriptTailwind CSSPrismaPostgreSQLOpenAI APIMapBox

Key Features

Interactive route planning with custom algorithms
AI-powered trail recommendations via OpenAI
Integrated mapping via Mapbox with elevation data

/01

Stalking Butler

An investment education platform designed to help beginners track ETFs and cryptocurrencies. Provides real-time updates on market movements, portfolio tracking, and pre-SEC filing ...

Next.jsTypeScriptTailwind CSS+2

Explore project

/02

Skai Technologies

An all-in-one business operations platform powered by a sophisticated workflow engine. Centralizes fragmented business data and processes into a single, cohesive ecosystem. Elimina...

Next.jsReduxFirebase+1

Explore project

/03

Jumpseat Tours

International travel booking platform offering customized travel experiences through an intuitive interface. Features personalized itineraries based on traveler preferences, compet...

ReactTailwind CSSGetYourGuide API+1

Explore project

View all projects