Hi, I'm Abel
A passionate fullstack web developer specializing in creating dynamic, responsive, and interactive web applications using modern technologies like |
Explore My WorkAbout Me
Hi, I'm Abel, a self-taught full-stack web developer with a passion for creating beautiful and functional web applications. I specialize in building modern, responsive websites using Next.js, React, TypeScript, and Tailwind CSS. My background includes hands-on experience with APIs, databases, and testing, which allows me to craft end-to-end solutions tailored to meet diverse needs.
My Skills
JavaScript
TypeScript
HTML5
CSS3
Tailwind CSS
Framer Motion
React
Next.js
NextAuth
Resend
Jest
Redux
Prisma
MongoDB
Node.js (Backend/API Development)
API Testing
Stripe
Chart.js
Three.js
Next-Intl
Docker
My Projects
Quick UI Library
A component library built with JavaScript and TypeScript. It offers a collection of pre-built, customizable components using clsx for styling. The library is published on npm as 'quick-ui-library' (npm i quick-ui-library) to make it accessible for developers looking for easy-to-integrate UI components.
MyFitGenius
A comprehensive SaaS platform designed to help users track their calories, macronutrients, water intake, and steps. It calculates the user's maintenance calories based on age, weight, height, gender, activity level, and goal weight. Users can log meals for breakfast, lunch, dinner, and snacks while the app tracks macronutrients in real-time. Features also include progress bars for daily calorie goals, water intake tracking, step tracking, and in-depth analytics to monitor their health and fitness journey.
PapasLlenos
A landing page and e-commerce platform built for a business selling fully loaded potatoes. The website allows users to order their custom-loaded potatoes, with an automated receipt emailed to them. The backend tracks all orders, enabling the client to view, manage, and download order data in PDF format. Additional features include an analytics dashboard for tracking sales and a content management section where the client can add or remove items from the menu.
Template-Genius
A Next.js project template designed to fast-track future development. The template comes pre-configured with TypeScript, Tailwind CSS, Framer Motion for animations, NextAuth for authentication, Stripe for payment integration, and a pre-built landing page. Created to streamline the setup of new projects that use these popular technologies, it helps accelerate development while maintaining best practices. Available as an NPM package for easy installation.
