Skip to content

React application to connect to the node.js api created in an earlier project

Notifications You must be signed in to change notification settings

katewar/abshelterapp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About The Project

This is a frontend application that collects and previews all adoptable dogs from a variety of reputable shelters within Alberta, Canada.

The corresponding backend API can be found on GitHub and hosted on Render.

List of Shelters Included

Built With

React-badge Nodejs-badge CSS3-badge React-select-badge React-spinners-badge

User Guide

Selecting Shelters

  • Click the dropdown menu to select from one or all shelters. The app will load all dogs for the selected shelter(s).

readme-gif1

Selecting Favourites

  • Click on the ❤️ icon on a dog's card to add the dog to your Favourites list!
  • Click on the ❌ icon on a dog's card to remove them from your Favourites list.

readme-gif2

Sharing Favourites

  • While you have any dogs in your Favourites list, you can share this list with others!
    • Clipboard Copy saves a list of URLs of your favourite dogs to your device's clipboard.
    • Share via Email opens your default email app with a prefilled draft template that includes the URLs to your favourite dogs.
    • Share via Text opens your default text messaging app with a prefilled draft template that includes the URLs to your favourite dogs. (mobile only - not tested on desktop)

readme-gif3

Acknowledgements

About

React application to connect to the node.js api created in an earlier project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.4%
  • CSS 32.0%
  • HTML 6.6%