Projects

Storefront y Admin Dashboard

Technologies used:

• Frontend: NextJS
• Backend: PayloadCMS
• Headless Ecommerce
• Payment Gateway: Stripe
• APIS: REST y GraphQL

Allows asking questions about web page content and getting answers

Technologies used:

• RAG: Retrieval Augmented Generation
• Mistral: Opensource Large Language Model
• NextJS
• Typescript
• REST API

3D Demo using React, AFrame and Typescript

Technologies used:

• ReactJS y React Router
• AFrame - Framework de Realidad Virtual
• TypeScript

Demo of a simple web app using infinite scroll and real-time server connection

Technologies used:

• NextJS
• Redux y Redux Toolkit
• Server Side Events (SSE) para las actualizaciones en tiempo real
• Typescript
• Custom React Hook

• Next.js
• React Query
• Intersection Observer Browser API
• Infinite Pagination
• REST API

Cryptocurrency value comparison

Technologies used:

• Next.js, ReactJS, TypeScript
• Server State Management using React Query
• Decoupling frontend from backend
• Data Abstraction Layer based on Repository Pattern

Searching for information about TV series

• Server Side Rendering: NextJS
• Gestion de estado síncrono: Redux
• Gestión de estado asíncrono: ReactQuery
• Typescript
• Custom React Hooks

Client-side state management for Javascript applications. (Demo)

Technologies used:

• ReactJS y Typescript
• Emscriptem (Código C++ de SQLite compilado a Javascript)
• Bases de Datos Relacionales y lenguaje de consulta SQL
• Object Relation Mapping (ORM)

React component for creating virtual tours using 360º images

Technologies used:

• ReactJS
• Librería VRView de Google
• TypeScript
• Fotos y vídeos en 360º
• Realidad Virtual

Library for authentication and authorization in Angular

Features:

• Autenticación y Autorización
• Bootstrap UI framework
• Componentes para Registro y Login
• JSON Web Token (JWT)

Dashboard for Angular (v4)

Technologies used:

• Angular 4 +
• TypeScript
• Librería para gráficos: MetricsGraphicsJS
• Librería para Mapas: LeafletJS
• Libería de componentes de interfaz de usuario: Material Light

High-performance UI component library for Angular (v4)

Technologies used:

• Angular (v4)
• Typescript
• Web Components
• Webpack (compilación)
• SystemJS (cargador de móduls javascript)

Mobile application showing images from webcams located in the Principality of Asturias

Technologies used:

• Ionic Framework (Interfaz de usuario)
• Apache Cordova/PhoneGap
• Intel Crosswalk Runtime (Compilación cruzada a Android e IOS)

• Angular
• Ionic Framework
• Progressive Web Application (PWA) enabled to work offline
• Material Design
• Patterns: MVC, Repository, Singleton, Dependency Injection, Component

Dice Game

• Vue.js Class Component Typescript Decorators
• VueJS Router
• Vuetify UI Library para Material Design
• Gestión de estado usando el patrón Component/Presentational

Speech recognition and synthesis for web and mobile. Demo

Technologies used:

• AngularJS
• Apache Cordova/PhoneGap
• Intel Crosswalk Runtime (Cross-compiling to Android and IOS)