Patas Felizes

A project developed to simulate a real-world application that allows the NGO to connect with users and receive support in its mission of animal rescue and care.

A screenshot of the Patas Felizes homepage.

Project Overview

The Patas Felizes project is a real-use project with the potential to add value to an NGO by serving as a bridge between users and the organization, allowing users to identify which animal they want to adopt even before contacting the team.

During development, one of the main challenges was making it easy to add and remove animal profiles, separate them into categories, and keep everything smooth and responsive, since the website contains many images and dynamic information.

With that in mind, I created a filter that separates and counts the registered animals by species and uses the clicked pet’s name to fetch and display its specific information from the database. To avoid performance issues, I used Next.js Image, which optimizes images by resizing, compressing, and delivering them on demand.

That said, this project was a valuable learning experience where I could practice several concepts learned during my studies, including project modularization, data creation and manipulation, navigation routes, optimization and responsiveness, mobile-first development, CSS modules styling, code control and versioning with Git and GitHub, and JavaScript itself.

Tools Used:

    HTMLCSSJavaScriptReactNext.jsGitGitHubVercelResponsive ApplicationLucide React