Welcome to Fluffr, where you can find your furever friend!
Users can utilize any common internet browser with Javascript enabled to access the Fluffr site.
- To get started, users can go to the landing page of the site and click 'Get Started'.
- From there, new users and users who are not signed in will be taken to a sign in/sign up page.
- New users can then sign up with an email address, username, and password, or returning users can sign in with their email and password.
- Once the user is signed up or signed in, they will be taken to the home page where the real fun begins: They can begin swiping right for pets they want to learn more about, or left for those they do not.
- Users can see their right-swiped furry friends by clicking on the User icon, where their 'yes'-es are stored.
This app will assist users in finding their perfect rescue pet, in a similar style to the popular dating app Tinder.
AS someone who has love in my heart and room in my home for a new furry friend
I WANT to see the different rescue pets in my area
SO THAT I can research and decide who to bring home
WHEN I swipe right on a pet
THEN that pet is sent to my User Profile page
WHEN I swipe left on a pet
THEN that pet is removed from the pool of candidates
WHEN I go to my User Profile page
THEN I have the ability to go to my right-swiped pets’ listings
OR delete the pet from my pool
This application was created using:
- apollo-server-express
- bootstrap
- Canva
- concurrently
- graphQL
- heroku
- Javascript
- jwt-decode
- Leonardo
- pet-finder-api
- petfinder-js
- react
- react-bootstrap
- react-tinder-card
- styled-components
- web-vitals
Check out Fluffr
Photos of the app:
