/PetPal

A pet adoption website 🐈.

Primary LanguageHTML

Group 2 (1)

PetPal is a platform that simplifies pet adoption by connecting users with shelters and streamlining the adoption of various pets! This project was created with React, HTML, CSS (Bootstrap), JavaScript, Django and SQLite.

Home.Walkthrough.mp4

Features

Seekers

Seekers who are looking to adopt pets, can sign up as a seeker, search for pets, view pet profiles and adopt pets by filling out the adoption form. After submitting a form, seekers can view the status of all pets they applied for, message the shelter of the pet and receive notifications once the shelter has approved/denied the adoption request.

Seeker.Walkthrough.mp4

Shelters

Shelter organizations who would like to offer pets for adoption, can sign up as a shelter, create new pets for adoption, manage pet adoption requests, message interested pet seekers and notify pet seekers on the status of their application.

Shelter.Walkthrough.mp4

Pet Blog

Shelters and seekers can view the Blog page where they can search, create, update and comment on blogs through their profile/account.

Blog.Profile.Walkthrough.mp4

Setup and Installation

With Python 3.12.0, Django 5.0, React 18.2.0 and the latest version of SQLite installed, clone this repository.

Backend

Navigate to the backend folder:

cd PetPal/P3/backend

Create and activate the virtual environment

python3 -m venv venv
.\venv\Scripts\activate 

Install the required packages

pip install -r requirements.txt

Make migrations and migrate:

python manage.py makemigrations
python manage.py migrate

Run the backend server:

python manage.py runserver

Frontend

Navigate to the frontend folder:

cd PetPal/P3/frontend

Install the required packages:

npm install 

Start the React development server:

npm start 

University of Toronto

Programming on the Web (CSC309 Course Project)
Grade: 96%

Authors

Malaikah Hussain, Cassandra Tin Kwon Yuen, Daelenia Susanto, Elena Scobici