Project Brief

Pet Adopt is a React-based web application that allows users to search for pets by name, breed, and location. The purpose of the project is to make it easy for people to adopt pets on the go without having to visit physical locations. Users can also view brief descriptions about the pets they are interested in adopting and make an informed decision. With Pet Adopt, finding your new best friend has never been easier.

Frameworks and Modules used

• React
  • React Router:
    • BrowserRouter
    • Routes
    • Route
    • Link
  • React Query from Tenstack:
    • useQuery
    • useMutation
  • React Hooks:
    • useEffect
    • useRef
    • useContext
    • useState
    • useNavigate
    • useParams
  • Portals
• CSS
  • Tailwind CSS (planned for future upgrade)
  • TypeScript (planned for future implementation)
• Development tools:
  • Eslint
  • Vite
  • NPM
• Testing:
  • Vitest

SnapShot

project UI

Modal appearing while booking Confirmation

petAdotpted and shown in profile