Safe Harbor Pet Shelter

Email sending: Nodemailer

Image uploading: Multer, Cloud Storage: Amazon S3

Authentication: Bcrypt, Passport-JWT

Description

A full-stack PWA project for Safe Harbor Pet Shelter. Users can view the available pets and send adoption form to the shelter. An admin page has been added to enable the administrator to manage the pets' data. This is the client side of the project. The backend is in this repo.

The deployed website can be accessed at .

The server url is

Usage

1. Click on 'Find a Pet' in the menu bar to view all available pets for adoption and details about each pet.
2. Users can filter cats or dogs, or search for a pet by name.
3. If a user is interested in adopting a pet, they can complete and submit the adoption form.
4. Users can click on 'Learn More' or 'About Us' to learn more about Safe Harbor Pet Shelter. They can donate to the shelter, or contact the shelter through the contact form on the 'Contact' page.
5. An admin page can be accessed through https://safe-harbor-pet-shelter.netlify.app/admin. It is added for easier management of pet information. If a user attempts to enter incorrect credentials 5 times on the Admin login page, the account will be locked for 15 minutes.
6. Administrators can add new pets, edit pet data, and delete pets through the admin page. The page supports multiple image uploads.
7. Click on the link to the deployed website and explore all features🎆! Hope that all of the furry babies will find their forever homes❤️.

Screenshot(s)

• Home page.

  

• Pet page. Users are able to filter the pet result

  

• Pet Detail page, users can click the 'Adopt' button to access the adoption form and initiate the adoption process.

  

• The admin page. Supports editing text information, adding or removing images, and changing the cover image, etc...

  

Contact

Bug report: [email protected] or open an issue on this repository

Contact [email protected] if you would like to know more about the shelter.