Wanted to make a fun way to search for adoptable pets that was fun to use on mobile while also nice on desktop. Uses the petfinder API, React and Next.js. Currently a work in progress.
Explore the docs »

View Site · Report Bug · Request Feature

Wanted to create a fun and easy way to browse adoptable pets. Allows filtering based on criteria specified by the user, saving of pets to a favorites for later viewing, swiping to add or pass on animals with correlating animations.

This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• React
• Next.js
• Framer Motion
• Chakra UI
• Bootstrap Icons

There are a few important steps in getting this project setup. Follow the instructions

1. Clone the repo

   git clone https://github.com/drewole/findafloof.git

2. Install NPM packages

   npm install

   or

   yarn start

3. Run the Application

   npm dev

   or

   yarn dev

4. View the application: View in Browser

Use at your own risk. Still in development and riddled with bugs.

For more examples, please refer to the Documentation

Planned Features:

• Only fetching more animals when there are only a few left instead on every index load
• Animations to hint at the swipe direction
• Sharing system for app and individual animals

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Distributed under the MIT License. See LICENSE for more information.

Drew Olsen - @drewole

Project Link: https://github.com/drewole/findafloof

• React
• Next.js
• Framer Motion
• Chakra UI
• Bootstrap Icons