Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ruanvictordev/ong4patas
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.
https://github.com/ruanvictordev/ong4patas
adoption bootstrap php
Last synced: about 3 hours ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/ruanvictordev/ong4patas
- Owner: ruanvictordev
- License: mit
- Created: 2023-06-26T20:32:47.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-16T11:42:57.000Z (9 months ago)
- Last Synced: 2024-11-17T09:53:21.960Z (2 months ago)
- Topics: adoption, bootstrap, php
- Language: PHP
- Homepage: https://cuidadores4patas.alwaysdata.net/
- Size: 44.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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 »
https://github.com/ruanvcg/Ong4Patas/assets/62728646/3c2ba8a4-daeb-4dee-80f8-c7702b230f84
Table of Contents
- Features
- Technologies Used
- Skills Worked On
- Getting Started
- Usage
- Contributing
- License
- Author
- Contact
## 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](https://developer.mozilla.org/pt-BR/docs/Web/HTML)**: A markup language for creating the structure of web pages.
- **[Bootstrap](https://getbootstrap.com/docs/5.1/getting-started/introduction/)**: A popular front-end framework for building responsive and mobile-first websites.
- **[PHP](https://www.php.net/docs.php)**: A server-side scripting language commonly used for web development to create dynamic web pages and web applications.
- **[MySQL](https://dev.mysql.com/doc/)**: 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
1. **Clone the Repository**:
```bash
https://github.com/ruanvcg/ong4patas.git
```
2. **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.
## Gallery
| Home Section | Pets Catalog |
|-----------------------------|--------------------------|
|  |  |
| Donate Section | About Section |
|-----------------------------|--------------------------|
|  |  |
| Adopt Form (User) | Add Pet Form (Admin) |
|-----------------------------|--------------------------|
|  |  |
## Contributing
Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.
## License
This project is licensed under the [MIT License](LICENSE).
## Authors
Ruan Victor
Pedro Alysson
Odinéa Maria
Maria Victória
## Contact
For any inquiries or feedback, please contact: [[email protected]]([email protected]).
Thanks! :)