Projects

Collection of open-source 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)