Abel J.Villareal

Immokalee, Fl, USA | abejevilla55@gmail.com | LinkedIn | GitHub

Experience


Lead Developer | Quick UI Library

August 2024 - Present

  • Developed a high-performance, customizable UI component library packaged as an npm module, allowing developers to easily integrate it into their projects.
  • Implemented reusable, scalable components with a focus on flexibility and ease of use, ensuring smooth integration into modern web applications.
  • Created custom Node.js scripts to automate build processes and improve library usability, supporting seamless setup and updates.
  • Prioritized accessibility, responsiveness, and cross-browser compatibility to meet industry standards and ensure a consistent user experience.
  • Containerized the library using Docker for streamlined deployment across multiple environments.
  • Published and maintained the Quick UI Library on npm, providing clear documentation for developers to integrate and contribute.

Developer | MyFitGenius (Calorie & Exercise Tracking App)

January 2024 - August 2024

  • Developed a SaaS app using Next.js, Tailwind CSS, MongoDB, and Prisma for tracking fitness metrics.
  • Integrated secure authentication with NextAuth, user data management, and Stripe for premium subscriptions.
  • Created analytics features to monitor user progress, calorie tracking, and exercise logs.
  • Enhanced performance and scalability by deploying the app on Vercel.
  • Deployed the application in a containerized environment using Docker to ensure consistent performance across multiple platforms.

Full-stack Developer | Template Genius (Dynamic Template Builder)

September 2023 - December 2023

  • Developed a pre-configured Next.js project template, designed to fast-track workflow and streamline development setup.
  • Created an npm package, template-genius, that automates the installation of dependencies such as Next.js, Tailwind CSS, NextAuth, Stripe, and more, providing developers with a ready-to-use foundation.
  • Built a pre-configured landing page, user authentication with NextAuth, and Stripe payment integration, enabling rapid deployment of SaaS or e-commerce projects.
  • Focused on enhancing developer productivity by providing a solid foundation for modern web applications, allowing for quick scaling and customization.
  • Published and maintained the Template Genius package on npm, offering clear documentation for easy adoption and integration.
  • Created Docker images to simplify deployment, ensuring the template can be run consistently in any environment.

Web Developer | Papa's Llenos (Food Ordering App)

March 2023 - August 2023

  • Developed a custom food ordering platform with Next.js, Tailwind CSS, and MongoDB.
  • Designed a user-friendly admin panel for managing orders, products, and real-time order tracking.
  • Ensured seamless integration with payment gateways for secure transactions.
  • Focused on responsive design and optimized performance for a smooth user experience.
  • Used Docker for seamless deployment across different environments, ensuring a consistent and scalable app experience.

Skills

  • Front-end: HTML, CSS, JavaScript, React, Next.js, Tailwind CSS, TypeScript
  • Back-end: Node.js, MongoDB, Prisma, Docker
  • Tools: Git, Vercel, Stripe, Framer Motion, Resend, Next Auth, Next Intl
  • Testing: Jest, React Testing Library

Education

Self-Taught Web Developer

Projects

Back to Home