Back to Projects
Peluditos: Full-Stack Adoption and E-commerce Platform
A complete full-stack web application designed as a modern solution for managing an animal shelter or pet store. It combines a public-facing site with an adoption catalog and an e-commerce store, along with a secure, feature-rich admin panel to manage all aspects of the operation.
Date:
May 12, 2025 / Sep 3, 2025
Role:
Designer & Developer
The Challenge
The original project, built with Vue.js and deployed on Heroku, became obsolete when Heroku's free tier was discontinued. The challenge was to rebuild the application from the ground up using a modern, serverless architecture, applying my latest skills in full-stack development, including end-to-end type safety and secure payment processing.
The Solution
I developed a type-safe, full-stack application using the Next.js 15 App Router. The architecture leverages tRPC for end-to-end type safety between the client and server. The backend logic for critical operations like payment confirmation is secured on the server, and my own 'epayco-checkout-community-sdk' was integrated for payment processing. The entire application is built with a focus on modern best practices, including React Server Components for performance and SEO.
Project Gallery
Key Features
Advanced E-commerce & Adoption Catalog
Dynamic catalogs for pets and products with server-side filtering and sorting.
Secure Payment Integration
Full integration with the ePayco payment gateway, using a custom-built SDK for secure transactions.
Persistent Shopping Cart
A shopping cart that remembers user items across sessions, implemented with Zustand and persist middleware.
Feature-Rich Admin Dashboard
A secure panel for CRUD operations on pets, products, users, and orders, built with TanStack Table and NextAuth.js.
End-to-End Type Safety
tRPC ensures that the frontend and backend share the same data types, eliminating a whole class of bugs.
Image and File Uploads
Seamless image management for pet and product profiles using UploadThing.
Results & Outcomes
The result is a high-performance, secure, and scalable web application that serves as a comprehensive portfolio piece. It successfully demonstrates mastery over modern full-stack technologies and architectural patterns. The platform is not only fully functional but also showcases a seamless user experience for both public visitors and administrators.
Related Projects
Check out some of my other work
