PetShop
Salesforce Project
|2025
PetShop
Technologies Used
HomePage
The Home page of PetShop is designed to create an immediate connection with users through a smart and responsive interface. At the top, a live weather widget fetches the current city weather using a free weather API. Based on the current climate, the system intelligently recommends pets that are most comfortable or active in that environment — for instance, rabbits and certain dog breeds are highlighted on cooler days. Just below this, a smooth horizontal carousel showcases a curated list of 5 top pets. Users can click on any pet to directly navigate to its detailed page. The layout is mobile-friendly and focused on creating an engaging first impression.
.png)
.png)
Pets Page
The Pets section allows users to explore the full catalog of available pets, smartly organized into intuitive categories — Cat, Dog, Hamster, Rabbit, and Others. When a user clicks on a category, the list dynamically filters to display relevant pet cards. Each pet card includes a display image, pet name, breed, location, and an option to view more details. The cards are responsive and designed in a clean grid layout to enhance readability and browsing experience. This section ensures users can easily find the pet type they're interested in, without the need to scroll endlessly or go through unrelated records.
Register Pet Page
The Register Pet page is built for users to easily add their own pets into the system. The form captures essential details like the pet’s name, weight, breed, current location, and owner information. A unique feature here is the ability to capture a pet's photo directly using the device camera, or upload one from the gallery. After form submission, the user receives a confirmation message along with the calculated distance between their current location and the pet’s location using the browser’s geolocation API. This gives a sense of proximity and adds a real-world layer to the system. The interface is simple yet functional, ensuring even first-time users can register pets with ease.
.jpg)
Central Customer Portal
Salesforce Project
|2024-2025
SDTravels
Web Project
|2023