Skip to content

NUDRAK / WEB DEVELOPMENT

NUDRAK

Donovan Agustín Alvarez

I build websites and web applications to present services, manage information and carry out tasks online.

Let's talk Explore projects
Discover more

My work can cover a complete project, from its initial planning to launch, or focus on a specific part of development.

I help independent professionals, businesses and companies launch their web projects. I work with agencies and studios as an external developer and collaborate with other professionals on joint projects. I'm also open to opportunities within a development team.

If you're looking for a developer for your project or team, let's talk. We can review what you need, answer the first questions and consider how I can contribute. Contact me to explore a project, a collaboration or a job opportunity.

02 / WEB DEVELOPMENT

Services

Websites, applications and integrations to fit what you need.

For businesses and professionals

From presenting your work to managing your business: these are the websites and applications you can hire me to build.

Business and professional websites

Present your services, information, location and contact details on your own website.

For example A website for a consultancy, an academy or a local business.

Inquire

Portfolios

Present your work, projects, background and areas of expertise in an organised way.

For example A photography portfolio or a design studio’s body of work.

Inquire

Product, service or campaign pages

Bring an offer’s information together and make it easy to send inquiries, register or apply.

For example A page introducing a service and collecting requests for information.

Inquire

Digital catalogues and menus

Organise products, dishes or services with images, descriptions, categories and filters.

For example A restaurant menu or a product catalogue.

Inquire

Websites with editable content

Manage posts, news, articles or information about your business.

For example A website for publishing articles or updating business news.

Inquire

Online stores

Sell products with a catalogue, cart, orders, payments and inventory management.

For example A store with product management and order tracking.

Inquire

Booking and appointment systems

Let visitors check availability and book, with tools to manage their requests.

For example An appointment system for a professional or bookings for a business.

Inquire

Applications to manage your business

Organise customers, tasks, orders, inventory or other business processes.

For example A dashboard for managing orders or coordinating a team’s tasks.

Inquire

Integrations and automations

Connect your tools and automate actions between them.

For example Send confirmations, generate documents or update records.

Inquire

Improvements to existing websites and apps

Fix errors, refresh interfaces and add the features your project needs.

For example Add a feature to an existing website or update its screens.

Inquire

For agencies and studios

I work as an external developer on your agency’s projects. You can delegate the complete build or a specific part, coordinating delivery with your team.

Design implementation

I turn your team’s designs into working pages and interfaces for mobile and desktop.

For example: A client’s website built from your studio’s design.

Inquire

Frontend development

I build components, screens, navigation, animations and API connections.

For example: An interface connected to the project’s existing backend.

Inquire

Backend development

I implement APIs, databases, authentication, permissions and business logic.

For example: An API with users and permissions for an application.

Inquire

Complete websites and applications

I take on development of a project for one of the agency’s clients.

For example: A website or application with an integrated frontend and backend.

Inquire

Individual features

I implement specific modules within a larger project.

For example: Bookings, payments, forms or an admin dashboard.

Inquire

External service integrations

I connect the project to payments, email, storage, AI services or other tools.

For example: Integrate a payment provider or email delivery.

Inquire

Work on existing projects

I fix issues, extend features and improve performance, accessibility or device support.

For example: Adapt an interface for mobile or extend an application’s features.

Inquire

Professional collaborations

We combine our expertise to work on a project. We agree on responsibilities, coordination and payment through subcontracting, separate quotes or a joint proposal.

Discuss a collaboration
  • With designers

    I develop your pages and applications, including their interactions and features.

  • With other developers

    I take on the frontend, backend, an integration or a specific module.

  • With marketing specialists

    I build campaign pages, forms and registration or lead capture features.

  • With content professionals

    I develop portfolios, publications or catalogues incorporating your text and audiovisual materials.

  • With other freelancers

    I handle web development on projects that bring together several areas of expertise.

  • As technical support

    I analyse implementation issues and propose or implement solutions within the shared project.

Ways to work together

The arrangement depends on what you need and how I take part in the project. Scope, deliverables and terms are agreed before work begins.

For direct clients

Development and technical handover

I build the website, application or feature with an agreed scope, deliverables, timeline and quote.

You receive the code, documentation and instructions. You or your team publish and operate the project.

Development and launch

I build the project and get it running. We agree on the domain, hosting, external services and publishing.

Accounts are in your name and you cover their costs. I hand over the working project, access details and management instructions.

Development and ongoing management

I build and publish the project, then continue addressing agreed technical needs. This arrangement is also available for existing projects.

We define tasks, availability, duration and payment. It may include maintenance, updates, changes and hosting administration.

Discuss an arrangement

For agencies and studios

Defined commission

A specific piece of work: implementing a design, building a website or API, or adding a feature.

We agree on scope, deliverables, timeline and quote. Delivery is completed in full or in stages.

Hourly support

I work on the tasks the agency needs, according to its priorities.

We agree on a rate, time tracking and a limit on time or budget. I deliver progress and changes as tasks are completed.

Recurring support

I work on an ongoing basis across one or more agency projects.

We define time commitment, availability, responsibilities, follow-up and payment. Deliveries follow each period’s priorities.

Discuss an arrangement

For professional collaborators

Defined commission

I take on a specific part of the project with an agreed scope, deliverables, timeline and quote.

We can also submit a joint proposal, defining each professional’s work and payment.

Hourly support

I carry out development tasks according to the shared project’s needs.

We agree on a rate, time tracking and a limit on time or budget. I deliver progress and changes as tasks are completed.

Recurring collaboration

We combine our expertise on an ongoing basis across one or more projects.

We define responsibilities, time commitment, availability, coordination and payment. Deliveries follow each period’s priorities.

Discuss an arrangement

Frequently asked questions

Before we begin

Answers to common questions about a commission. Details are agreed for each project.

What information do I need to get started?

Tell me what you want to achieve, what you need built and what information or materials you have. If the project already exists, share its link and the available context. In our initial conversation we clarify questions and what is missing to define the work.

How is the quote determined?

The quote depends on the scope: what will be built, the deliverables and the working arrangement. We agree on it before starting, together with payment terms.

How are timelines agreed?

We define the timeline when agreeing on the scope, required materials and each party’s responsibilities. If work is organised in stages, we also agree on their deliverables.

How are reviews arranged?

Before starting, we agree on reviews and how to share progress and feedback. If new needs arise, we review their scope and agree on the relevant adjustments.

What does handover include, and what happens afterwards?

Handover includes the code, documentation, access details and instructions relevant to the commission. Publishing and ongoing support depend on the agreed arrangement. When I handle the launch, domain, hosting and external service accounts are in your name and you cover their costs.

LET’S TALK ABOUT YOUR PROJECT

What do you need built?

Tell me what you need and share the context you have. It can be a new project, an improvement or a collaboration. I’ll reply to the email you provide.

All fields are required. If you haven’t decided on a service, choose “I need guidance”.

You can include the goal, features, available materials or a link to the existing project.

Verification

03 / SELECTED WORK

Projects & work

Websites, applications and systems I have developed. Explore what they do and how they are built.

13 projects

  • Frontend

    DAILY CLUB

    A fictional everyday fashion brand with an editorial presentation, interactive catalogue and demo cart.

    React · TypeScript · CSS Modules

    RepositoryDemo
  • Frontend

    LOW HOURS

    A website for a late-night café: menu, gallery and music in an editorial experience.

    React · TypeScript · GSAP

    RepositoryDemo
  • Full stack

    CyberWare

    An online store with a catalogue, cart, orders, inventory and an administration console.

    React · FastAPI · PostgreSQL

    Repository
  • Backend

    Task Manager API

    A system for organising tasks across teams and controlling who can view or change them.

    FastAPI · PostgreSQL · Docker

    Repository
  • Frontend

    IMPACT-FRAME XK75

    An interactive page explaining a keyboard’s architecture, materials and operation.

    React · TypeScript · GSAP

    RepositoryDemo
  • Backend

    Business Automation Agent

    A backend that receives payment events and automates documents, files and emails.

    FastAPI · Celery · Gemini

    Repository
  • Frontend

    Kairo CHRONO/01

    A watch presentation with an editorial style, finish selector and accessible interactions.

    React · TypeScript · Framer Motion

    RepositoryDemo
  • Frontend

    Momo Ramen

    A restaurant website with a menu, its story and a demonstration booking journey.

    React · Tailwind CSS · React Router

    RepositoryDemo
  • Backend

    E-Commerce API RAG

    A store backend that lets users find products by meaning through semantic search.

    FastAPI · pgvector · Gemini

    Repository
  • Backend

    FinTrader Hub

    A backend for organising portfolios, tracking trades and processing market data.

    FastAPI · PostgreSQL · Celery

    Repository
  • Backend

    RAG Core Service

    A service that retrieves relevant information to provide context to a language model.

    FastAPI · OpenRouter · SQLite

    Repository
  • Backend

    E-Commerce API

    The foundation of an online store: products, users, cart, orders and stock management.

    FastAPI · PostgreSQL · Redis

    Repository
  • Backend

    Notes API

    An API for saving personal notes and sharing them with other people through permissions.

    Flask · SQLite · SQLAlchemy

    Repository
Frontend

DAILY CLUB

Project screenshot

Purpose & use

A conceptual website for a fictional everyday fashion brand. It combines an editorial presentation with an interactive catalogue and a demo cart. Products and prices are fictional; it does not process orders or payments.

What it does

  • Twelve products across four categories, with filters and product details showing photography, description, colour and prices in MXN.
  • Three interactive looks with photo hotspots and expandable garment lists.
  • A cart with an item counter, quantity controls, product removal and subtotal calculation.
  • Spanish and English interface, with the cart and selected language saved between visits.
  • Responsive layouts, mobile navigation, entrance animations and interaction effects.

How it is built

React 19, TypeScript, Vite 8 and CSS Modules. A single-page frontend with anchor navigation, a local TypeScript catalogue and Context API for language and cart state. Stored cart data is validated, with an in-memory fallback if localStorage fails. Native dialogs, focus management, keyboard support and reduced motion guide interactions. WebP images, lazy loading and a shared IntersectionObserver support resource loading and CSS animations. GitHub Actions publishes the static site to GitHub Pages.

RepositoryDemo
Frontend

LOW HOURS

Project screenshot

Purpose & use

Presents the atmosphere and offering of a fictional late-night café. Brand content, photography, a menu and music let visitors explore the place before visiting.

What it does

  • Spanish and English content, a menu and a gallery.
  • Rainy-night photography and a lo-fi visual identity.
  • Music player and smooth animations throughout the page.

How it is built

React 19, TypeScript and Vite 8. GSAP, ScrollTrigger and Lenis coordinate animation and scrolling.

RepositoryDemo
Full stack

CyberWare

Project illustration

Purpose & use

Connects the shopping experience with a store’s internal operations. The catalogue, accounts and orders share a backend with separate permissions for shoppers and administrators.

What it does

  • Catalogue, search, cart, orders and stock management.
  • Cookie-based authentication, sessions and role-based permissions.
  • Test payments through Stripe, signed webhooks and refund management.
  • S3 images, transactional email and Gemini semantic search.

How it is built

React, TypeScript, FastAPI, PostgreSQL and Redis. Docker Compose provides a reproducible local environment; Alembic handles migrations. Includes administrative auditing and controlled degradation of optional services.

Repository
Backend

Task Manager API

Project illustration

Purpose & use

Provides the foundation for a team application: it organises tasks and sets permissions according to each person’s role within their team.

What it does

  • JWT authentication and team roles, from viewer to owner.
  • Pagination, filters, soft deletion and entity auditing.
  • Service health checks and readiness probes.

How it is built

FastAPI, PostgreSQL, SQLAlchemy and Alembic. Separate router, service and repository layers, with continuous integration in GitHub Actions and Docker deployment.

Repository
Frontend

IMPACT-FRAME XK75

Project screenshot

Purpose & use

Presents a conceptual mechanical keyboard through a bilingual product experience. An industrial composition and layered imagery guide visitors through its components.

What it does

  • Spanish and English presentation.
  • Layered imagery and scroll-linked animations.
  • Controls for visual product customisation.

How it is built

React 19, TypeScript, Vite 8 and CSS Modules. GSAP and ScrollTrigger coordinate animations throughout the page.

RepositoryDemo
Backend

Business Automation Agent

Project illustration

Purpose & use

Connects a Stripe event with a sequence of automated actions. Gemini and a rules engine analyse the event to run the corresponding tasks.

What it does

  • Reception and processing of Stripe webhooks.
  • Analysis with Google Gemini and a rules engine.
  • PDF generation, S3 storage and email delivery through Resend.

How it is built

FastAPI, PostgreSQL, Redis and Celery. An event-driven backend with Stripe and Gemini integrations.

Repository
Frontend

Kairo CHRONO/01

Project screenshot

Purpose & use

Explores how to present a single product from a fictional watch brand. A dark composition combines watch details with a visual finish selector.

What it does

  • Single-product presentation and finish selector.
  • Animated reveals and orbits in the introduction.
  • Keyboard-accessible detail window and reduced-motion support.

How it is built

React 19, TypeScript, Vite 8, CSS and Framer Motion 13. Includes Lucide React and Oxlint; published on GitHub Pages. Uses no router, store or backend.

RepositoryDemo
Frontend

Momo Ramen

Project screenshot

Purpose & use

Presents a fictional Japanese restaurant through a warm interface and navigation around dishes and the restaurant’s story. The booking journey runs only in the browser: it processes no real bookings, orders or payments.

What it does

  • Restaurant identity, dishes and its story.
  • Menu and client-side booking journey.
  • A structure prepared for extension with a backend, data and notifications.

How it is built

React 19, Vite 8, Tailwind CSS 4 and React Router 7 with HashRouter. Published through GitHub Pages and GitHub Actions.

RepositoryDemo
Backend

E-Commerce API RAG

Project illustration

Purpose & use

Combines an e-commerce API with semantic product retrieval. PostgreSQL and pgvector provide the search foundation alongside a Gemini-based RAG flow.

What it does

  • REST API with JWT authentication.
  • Redis caching and PostgreSQL persistence.
  • Semantic product search with pgvector and RAG.

How it is built

FastAPI, PostgreSQL, Redis, pgvector and Gemini. The documentation describes a modular structure and automated tests.

Repository
Backend

FinTrader Hub

Project illustration

Purpose & use

Brings portfolio management, trade tracking and risk analysis into a modular financial backend. Background processes synchronise data and generate alerts.

What it does

  • Portfolio management and trade tracking.
  • Market-data synchronisation and risk analytics.
  • Automated alerts, JWT authentication and background tasks.

How it is built

FastAPI, PostgreSQL, Redis, Celery and SQLAlchemy. Modular architecture and Docker deployment.

Repository
Backend

RAG Core Service

Project illustration

Purpose & use

Organises a process for retrieving information by meaning and connects that context with a language model. Its structure allows providers and components to be replaced.

What it does

  • Embedding pipeline with an external provider.
  • Semantic retrieval of contextual information.
  • Connection to language models through OpenRouter.

How it is built

FastAPI, OpenRouter API, SQLite and Pydantic. A modular RAG service with an extensible architecture.

Repository
Backend

E-Commerce API

Project illustration

Purpose & use

Provides an e-commerce backend for connecting a store interface. Centralises data and rules for products, accounts, orders and stock.

What it does

  • Product, user and order management.
  • JWT authentication, cart, stock and administration.
  • Rate limiting, CORS and OpenAPI documentation.

How it is built

FastAPI, PostgreSQL, Redis, SQLAlchemy and SlowAPI. Docker runtime environment.

Repository
Backend

Notes API

Project illustration

Purpose & use

Provides the logic for a notes application with session-based access. Notes can be personal or shared according to each user’s permissions.

What it does

  • Session-based authentication.
  • Personal and shared notes.
  • Per-user permissions and passwords protected with Werkzeug.

How it is built

Flask, SQLite and SQLAlchemy, with Werkzeug hashing.

Repository

04 / Working together

Work process

A clear path from the first conversation to the final handover. Select a stage to see what each of us contributes.

05 / Technical profile

Behind the build

Full-stack web development with a strong backend foundation. I connect interfaces, APIs and data to build maintainable applications.

I work with modular architectures and a clear separation between transport, business logic and data access. I prioritise explicit validation, traceable operations and predictable behaviour when external services fail.

Frontend

Responsive interfaces, reusable components and interactions connected to APIs. Navigation, application state and data fetching for complete user journeys.

  • React
  • TypeScript
  • Vite
  • React Router
  • TanStack Query
  • Zustand

See it in a project

IMPACT-FRAME XK75CyberWare

Backend

REST APIs, relational data, authentication and role-based permissions. Payments, webhooks, automation and AI services, with validation and structured error handling.

  • Python
  • FastAPI
  • Flask
  • PostgreSQL
  • SQLAlchemy
  • Redis

Also: Pydantic, Alembic, SQLite, JWT, RBAC and integrations with Stripe, S3, Resend, Gemini and OpenRouter.

See it in a project

Task Manager APIBusiness Automation Agent

Development tools

Reproducible environments, version control and automated checks. Layered architectures, database migrations and continuous integration to maintain and extend projects.

  • Git
  • Docker
  • Docker Compose
  • GitHub Actions
  • Linux

See it in a project

Task Manager APICyberWare

Education & learning

Completed education

Full Stack Open

University of Helsinki · July 2026 · 5 ECTS

View certificate

Current learning

Backend development with Python

Structured independent learning since November 2025: REST API design, SQLAlchemy, layered architecture and production tools. I analyse existing systems and validate their patterns and design decisions in my projects.

06 / Contact

Let’s talk

Have a web project in mind, need development support or want to discuss a professional opportunity?

Tell me what you need.

Use the enquiry form to explain your project, or contact me through the channels below. I work with businesses, agencies, other professionals and development teams.

Go to the enquiry form

Remote work · UTC−6

Spanish · Technical English

Code & repositories

GitHub / Donovan-Nudrak

Professional profile

LinkedIn / Donovan Agustín Alvarez