Fetchrewardsexam
Developed as a pet adoption platform, PetShop Inc. allows users to browse, filter, and favorite shelter dogs while getting matched with their ideal pet. Built with React, Tailwind, Express.js, and Framer Motion, it provides an interactive and user-friendly experience.
š¶ PetShop Inc.
A web application that helps dog lovers search for shelter dogs, filter results, favorite dogs, and get matched with a perfect companion. Built with React, Tailwind CSS, Express.js, and Framer Motion.
š Overview
PetShop Inc. allows users to:
š Log in with their name & email
š Search and filter dogs by breed
š Paginate through search results
š Sort results alphabetically (ascending/descending)
š View all dog details (name, age, breed, image, location)
š Favorite dogs and generate a match
š„ļø Tech Stack
- Frontend: React.js, Tailwind CSS, Framer Motion
- Backend: Express.js (Node.js)
- Design: Figma (View Design)
š¼ļø Screenshots
(Check out images on YousefOmar.com)
š Running the Project
1ļøā£ Clone the Repository
git clone https://github.com/omarMilan/FetchRewardsExam.git
cd PetShop-Inc
2ļøā£ Install Dependencies
cd FetchRewardsExam/Fetch-Dogs-App
npm install
cd backend
npm install
3ļøā£ Start the Project
In one terminal (Frontend):
cd FetchRewardsExam/Fetch-Dogs-App
npm run dev
In another terminal (Backend):
cd FetchRewardsExam/Fetch-Dogs-App/backend
node server.js
š License
This project is for educational and portfolio purposes only.
