Here you can find some of my public and open source projects, that are currently live and accessible online. Feel free to explore and check them out!
Open-source Vue 3 component published as an npm package that automatically counts up or down to a specified number range, with customizable animation duration and display options through props. Designed as a lightweight and reusable solution for presenting statistics, metrics, and numerical data in a visually appealing way, with support for formatting, decimals, prefixes, suffixes, and lifecycle events.
The official website provides a live demo of the component, showcasing its functionality and customization options, along with usage instructions and examples for developers to integrate it into their own Vue 3 applications.
Downloads from NPM and counting: 0
Stars on Github repo: 0
And yep!, I just used it to show the numbers up here.
A lightweight task management application built with Vue 3 and the Composition API, allowing users to create, complete, and delete tasks while organizing them into To-Do and Done views through a reactive tab-based interface.
The application uses Vue's ref, computed, and onMounted APIs for reactive state management and derived task lists, generates unique task identifiers with UUID, and persists task data in the browser using localStorage, allowing tasks to remain available across page reloads.
It also includes confirmation flows for destructive or status-changing actions, demonstrating practical frontend concepts such as client-side persistence, reactive UI updates, state filtering, event-driven interactions, and browser storage APIs.
This is a Pokemon shopping cart demo built with Vue 3, Composition API, Axios, and Tailwind CSS, integrating the PokéAPI REST API to dynamically fetch and display Pokémon as products.
The application implements lazy loading and client-side pagination, loading products in batches of 10 with a maximum limit of 100, while using asynchronous requests and Promise.all() to efficiently retrieve Pokémon details.
It includes reactive shopping cart state, computed values for item quantities and totals, product-to-cart synchronization, quantity management, loading and error handling, responsive UI, and a simulated checkout flow, demonstrating practical frontend engineering concepts such as REST API integration, reactive state management, data transformation, performance-conscious API consumption, and responsive UI development.
This is a lightweight Vue 3 component made with TypeScript to quickly create an animation that shows an automatic count of any quantity in any duration, counting up or down.
View on GitHub⭐ 83 | Forks: 11
This is a landing page created using Tailwind, HTML and some JS to share my social media and other awesome links 😎.
View on GitHub⭐ 9 | Forks: 1
A progressive web application to know the state of covid19 in Mexico.
View on GitHub⭐ 6
A subscribe form component created with Hybrids.js.
View on GitHub⭐ 2