ONG Cuidadores de 4 Patas

"Ong 4 Patas" is a web project developed using HTML, Bootstrap, PHP, and MySQL. Its main objective is to showcase pets available for responsible adoption. The project aims to provide a platform on the web for users to learn more about the organization and support its efforts in animal welfare.

Live Project »

Explore the docs »

ong4patas.mp4

Features

User Division (Visitors and Admins): Implement a distinction between visitor and admin users, allowing different levels of access and functionality.
Add Pets: Enable admins to add new pets to the system, including their information such as name, species, age, and description.
Remove Pets: Provide admins with the capability to remove pets from the system if necessary.
Update Pets: Allow admins to update pet information, such as modifying descriptions or updating images.
Adopt Pets (Information Sent to Hosting Email): Implement a feature for visitors to adopt pets, where their information is sent to the hosting email for further processing.

Technologies Used

HTML: A markup language for creating the structure of web pages.
Bootstrap: A popular front-end framework for building responsive and mobile-first websites.
PHP: A server-side scripting language commonly used for web development to create dynamic web pages and web applications.
MySQL: An open-source relational database management system (RDBMS) that uses SQL (Structured Query Language) for managing data.

Skills Worked On

User Authentication: Implementing user authentication functionality to distinguish between visitor and admin users.
CRUD Operations: Learning how to perform CRUD (Create, Read, Update, Delete) operations on a database, such as adding, removing, and updating pets.
Form Handling: Understanding how to handle form submissions, particularly for the adoption form that sends information to the hosting email.
Database Management: Gaining proficiency in managing a MySQL database, including designing tables, querying data, and ensuring data integrity.

Getting Started

Clone the Repository:

https://github.com/ruanvcg/ong4patas.git

Access the Project:
- Go and open the directory ong4patas to access the repository.
- Also, you can navigate to index.php to open the project in your browser.

Usage

Home Welcome: Display a welcoming message or introduction on the home page to greet visitors and provide an overview of the organization's mission and goals.
Pets Catalog: Present a catalog or listing of available pets for adoption, including their images, names, species, ages, and other relevant information to allow visitors to browse and learn about the pets.
Adopt Form: Create a form for visitors interested in adopting a pet to fill out. The form should include fields such as pet name, adopter's name, email, address, and phone number to collect necessary information for the adoption process.
Donate Section: Include a section on the website dedicated to donations, providing information on different donation methods such as pix, bank transfer, or crowdfunding platforms like Catarse. This section should encourage visitors to support the organization financially.
Login (Admin): Implement a login system for admin users to access privileged features such as adding, removing, or updating pets. Admins should be able to securely log in with their credentials to access the admin dashboard.
Add Pet Form (Admin): Create a form within the admin dashboard for admins to add new pets to the system. The form should include fields such as pet image, name, size, age, and gender to collect information about the pets being added to the catalog.