Skip to content

RivaIvanova/PetGuide

Repository files navigation

PetGuide

📑 Content

📙 Overview

Over the years, pets have evolved from a strange and wonderful distraction into an integral part of families around the world. Nothing can compare to the joy of returning home to a loyal companion.

But what happens if our little furry best friend disappears? Statistics shows that the number of lost pets is increasing every year.

🎯 Goal of the project

The goal of this project is to create a web-based platform that is specifically designed for helping owners find and get to know better their lost pets.

🛠️ Languages and tools

🙂 Users

Allowed actions Anonymous user Logged-in user Administrator
View pets page ✔️ ✔️ ✔️
View events page ✔️ ✔️ ✔️
View shelters page ✔️ ✔️ ✔️
View search page ✔️ ✔️ ✔️
View about page ✔️ ✔️ ✔️
View contact page ✔️ ✔️ ✔️
Search pets ✔️ ✔️ ✔️
CRUD operations on pets ✔️ ✔️
CRUD operations on articles ✔️ ✔️
Send pets to email ✔️ ✔️
Subscribe to newsletter ✔️ ✔️ ✔️
Access to other users' profiles ✔️ ✔️
Delete newsletter subscriptions ✔️
Approve/Decline event volunteering ✔️
Approve/Decline shelter volunteering ✔️
CRUD operations on shelters ✔️
CRUD operations on events ✔️


🗄️ Database Diagram

🖥️ Appearance

By using HTMLS5, CSS3, Bootstrap and JavaScript functions it was made possible to create a good looking responsive design, which is presented in the below image.

🐶 Pets Pages 🐱

On the All Pets page, displayed below, publications can be seen for all registered in the system pets, arranged in descending order by date and time of creation.

The publications are such that the following information about a pet can be seen:
✓ Name and status
✓ User, along with date and time added
✓ Short description

If a user clicks on the pet's name or on the Read more button the user is redirected to the other page - Pet Details, with detailed information about the animal, as well as more photos.

In this case the user is logged-in and because of that the ADD A NEW PET button is available. Otherwise it is not visible.



In the Pet Details page more detailed information is displayed for the pet such as type, color, age, size, location, including district, street and additional information about the location, the full description of the animal and information for the user who added the given pet, as well as additional images.
Again the user is logged-in and because of that the Send to my email button is available. Otherwise it is not visible.

By using SendGrid an email message with information about the current pet is being sent to the email, with which the user is registered.



📝 Articles Pages 📝

Similar to the All Pets page, in the All Posts page, publications can be seen for all registered in the system articles (posts), arranged in descending order by date and time of creation.

The publications are such that the following information about an article can be seen:
✓ Title
✓ User and Category
✓ Short description

Again like in the previous description, if a user clicks on the article's title or on the Read more button the user is redirected to the details page of the article, which is shown in the next image.

In this case the user is logged-in and because of that the ADD A NEW ARTICLE button is available. Otherwise it is not visible.



When visiting the Details page of a specific article, the user can see more detailed information about the article like date and time of creation, added tags, information about the user, who has added the article, as well as more general information about the articles in the system (rigth side)



🥳 Events Pages 🎈

On the Events page, the different publications about the events are sorted in three categories for non-registered users - Today's events, Upcomming events, Past events, and four for registered users - the previously mentioned plus Volunteer events.

The publications are such that the following information about an event can be seen:
✓ Date and time of the event
✓ Event name
✓ Purpose for it's organization

If a user clicks on an event - additional information is being displayed automaticaly, showing description of the event and it's location.



The details page of an event contains information about the activities included in the event, more images and the possibility to become a volunteer if the user is logged-in. Otherwise the Become a volunteer button is not visible.



🏘️ Shelters Pages 🏠







👩‍💻 User Profile Page 👨‍💻




🛡️ Admin Pages 🛡️


About

Web project for discovering lost pets

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published