Giter Site home page Giter Site logo

akshitagupta15june / petme Goto Github PK

View Code? Open in Web Editor NEW
394.0 5.0 571.0 82.87 MB

PetMe is an all-in-one platform that allows animals to be adopted, donated to pet lovers, and provides emergency medical care to stray animals in need. Star this repo⭐

Home Page: https://akshitagupta15june.github.io/PetMe/

License: MIT License

HTML 85.30% CSS 9.50% Nix 0.03% JavaScript 5.17%
hacktoberfest open-source collaborate communityexchange educative github github-pages student-vscode

petme's Introduction

Open Source Programs

PetMe is ready for Hacktoberfest

Email Banners-Dark

About the project:

Tech Stack:


PetMe

"Bringing Hearts and Paws Together"

Don't forget to join our official Discord Channel for discussions and updates.

Inspiration for the Project:

It has been estimated that more than one million adoptable dogs and cats are euthanized in the United States each year. This happens for the reason that there are too many pets that are enrolled into shelters and only a few people consider adoption when they look out for a pet.

When our team heard about the animals that were in danger each year, it became a goal for us to help these speechless beings somehow. After brainstorming for a long time we came up with the idea of PetMe. We believe in the policy of saving animals and thus saving lives. Every life matters and we wish to be the part of the change that is making the same possible.

Features of PetMe at a Glance

The test site for the project can be found here.

Function Feature Image
Adopting a Pet Allows user to choose an animal they wish to adopt and submit their details for contact purposes docfix1 docfix2
Donating a Pet Pet owners can donate their pets if they are unable to take care of the ones they have docfix3
Emergency care for Stray Animals Provide contact details to get emergency medical services docfix4
Support PetMe Allows users to become volunteers for PetMe and submit their details for contact purposes docfix5
Pet News PetMe provides users with several stories on the latest news in the pet world docfix6
Blogs PetMe also has a blogs section dedicated to pet lovers and their pet stories docfix7

Watch the video:

For a brief explanation about PetMe, you can watch the following video.

Additional features:

  • All the data is stored in the database so when a person wishes to adopt or donate an animal, their information will be auto-filled using the database.
  • The language of the website can also be translated to different languages by using the Google Translate button in the top right corner of the header.
  • Users can click on the moon/sun button in the top right corner of the header to switch between light and dark mode for the website.
  • Users can use the Contact page to drop in their details for a call with one of the team members.
  • Users can subscribe to PetMe's newsletter to get the latest news and updates by entering their email in the subscription box located in the footer of every page.
  • There is a help button located in the bottom right corner of the SOS Report page that allows users to enter their city and find the nearest pet care centers.
  • Users can find the organization's social media accounts in the bottom right corner of the footer of every page.

View our Website:

Click the image below to view our website!

Accomplishments:

We are proud to build a website where pet lovers can easily adopt animals that need a home. They can not only provide medical assistance to them but can also allow their fellow comrades in the community to adopt them.

What's next for PetMe 📲

In future, we plan to scale this application to reach as many people as possible and facilitate adoption and donation of animals.

Furthermore, we plan to connect with the nearest government organization that provides medical assistance to stray animals.


⭐ How to get started with open source?

You can refer to the following articles on the basics of Git and Github.

Contributing 👨‍💻

💥 How to contribute

  • Take a look at the existing Issues or create a new issue!
  • Fork the Repo. Then, create a branch for any issue that you are working on. Finally, commit your work.
  • Create a Pull Request (PR), which will be promptly reviewed and given suggestions for improvements by the community.
  • Add screenshots or screen captures to your Pull Request to help us understand the effects of the changes proposed in your PR.
  • DON'T CREATE PRs WITHOUT CREATING ISSUE AND GETTING ASSIGNED

⭐ How to make a pull request (PR)

1. Start by making a Fork of the PetMe repository. Click on the Fork symbol at the top right corner.

2. Clone your new fork of the repository in the terminal/CLI on your computer with the following command:

git clone https://github.com/<your-github-username>/PetMe

3. Navigate to the newly created PetMe project directory:

cd PetMe

4. Set upstream command:

git remote add upstream https://github.com/Susmita-Dey/PetMe.git

5. Create a new branch:

git checkout -b YourBranchName

6. Sync your fork or your local repository with the origin repository:

  • In your forked repository, click on "Fetch upstream"
  • Click "Fetch and merge"

7. Make your changes to the source code.

8. Stage your changes and commit:

⚠️ Make sure not to commit package.json or package-lock.json file

⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder

git add public
git commit -m "<your_commit_message>"

9. Push your local commits to the remote repository:

git push origin YourBranchName

10. Create a Pull Request!

11. Congratulations! You've made your first contribution to PetMe! 🙌🏼

For more details, refer to CONTRIBUTING.md file.

😎 Project Maintainers


Susmita Dey

Akshita Gupta

Mudit Choudhary

Thanks to all Contributors 💪

Thanks a lot for spending your time and helping PetMe grow. Thanks a lot! Keep rocking 🍻

Contributors

License 🛡️

PetMe is licensed under the MIT License - see the LICENSE file for details.

Socials

petme's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

petme's Issues

Hacktoberfest celebration: Blogs needed for the website (Special Prize)🥳🥳

Write a blog on anything related to pet or stray animals:

for example if you have a pet in your home you can write how you feel as a pet owner, if you have helped any stray animals what was your experience? these are just the example any blog related to stray animals and pets is acceptable.

You can choose any platform to write blog but we will be needing your content here for our section blogs.

The final part the best blog will receive a special prize, let me disclose it will be

Github Sticker bundle🥳

After writing the blogs you can paste your links here! or if you want you can write in Google docs and mail the pdf to [email protected]
for discussion come at #61

image

Add favicon

Website could use an awesome favicon , currently it doesn't have one.

Search or filter functionality on home page

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Register Page for new user

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Set Location on open app for showing filter pets

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add a footer to the website

design a cool footer for this website
add the logo of website in the footer
as well as add
icons of the fb, insta
as pages are not created yet but the icons will be accepted an later on the links can be added

Add a chatbot to the website

chatbot should answer some questions like if they want to donate then they should be redirected to the donate animal sections, if they want to report then to sos section
if they want to contact the team then the response should to take their gmail and one of the person from team will contact them shortly

Currently a basic chatbot is needed
further improvements can be made

Login page for getting details for owner contact details

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Improve the card design UI bug

The problem in initial cards
whenever we put a big location name like "Jammu Kashmir" then the Kashmir word goes below so its not allign

also if we write full "Golden Retriever" then it also misaligns

image

Show Pet category list with count in the home page

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add a mission in the header

"saving lives, saving animals"
This is the mission of this website so i want this mission to displayed in header but without disturbing the UI

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.