Coder Social home page Coder Social logo

ruanvcg / ong4patas Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 45.23 MB

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.

Home Page: https://cuidadores4patas.alwaysdata.net/

License: MIT License

PHP 94.24% CSS 4.31% JavaScript 1.45%
bootstrap php adoption

ong4patas's Introduction

html css css MySQL

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

Table of Contents

  1. Features
  2. Technologies Used
  3. Skills Worked On
  4. Getting Started
  5. Usage
  6. Contributing
  7. License
  8. Author
  9. 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: 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

  1. Clone the Repository:
    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
Home Section Pets Catalog
Donate Section About Section
Donate About Section
Adopt Form (User) Add Pet Form (Admin)
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.

Authors

Foto do Ruan Victor no GitHub
Ruan Victor
Foto do Pedro no GitHub
Pedro Alysson
Foto da Odinéa no GitHub
Odinéa Maria
Foto da Odinéa no GitHub
Maria Victória

Contact

For any inquiries or feedback, please contact: [email protected].

Thanks! :)

ong4patas's People

Contributors

ruanvictordev avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.