gabrysia694 / mypetspotlight

This is a website that allows pet owners to create profiles for their beloved pets and showcase them to the world. We would greatly appreciate it if you could give a star to our project ⭐

A website to showcase and celebrate our beloved pets!

Owner: Gabrysia

🐾 Description

Welcome to My Pet Spotlight! This website allows pet owners to create profiles for their beloved pets and showcase them to the world. Our mission is to provide a fun and interactive platform for pet owners to connect with each other and celebrate their furry friends. 🌟🐶🐱

A pet lovers community where you can showcase your furry friends and their unique personalities. Our website allows you to submit your pet's name, age, and favorite toy, giving them the spotlight they deserve. Whether you have a playful pup or a lazy feline, we want to see them all! Join us in celebrating the love and joy that our pets bring into our lives.🐾❤️

⭐ Features

• Submit your pet's information, including name, age, personality traits, and favorite toy, to be featured on the website. 🐾🌐
• Browse through a collection of pets from around the world and read their unique stories. 📸🐕
• Share your pet's story with the world and connect with other pet owners.💌❤️

🚀 Getting Started

To get started with My Pet Spotlight, simply visit our website. From there, you can browse through existing pet profiles or create your own.

To create a pet profile, click the "Add your pet" button and contribute with your pet's information, including their name, breed, age, and a photo.

Once your profile is created, you can share it with your friends and family through social media. You can also view and interact with other pet profiles on our website.

🔧 Used Technologies

• 
• 
• 
• 
• 

💡 Contributing

We welcome contributions from the community to help improve My Pet Spotlight. If you have any ideas for new features or would like to report a bug, please submit an issue on our GitHub repository.

How to Contribute :

1. 🍴 Fork this repository.
2. 🌿 Create a new branch for your feature or bug fix.
3. 🔍 Read CONTRIBUTING.md carefully.
4. 🚀 Make your changes and test them thoroughly.
5. 📩 Submit a pull request with a clear description of your changes.

📞 Support

If you have any questions or need help with My Pet Spotlight, please contact us at [email protected].

We are always happy to assist you and answer any questions you may have.

👥 Contributors

📝 License

My Pet Spotlight is licensed under the MIT License. See the LICENSE file for more information.

Thank you for using My Pet Spotlight! We hope you and your furry friends enjoy using our website.

mypetspotlight's Issues

Customizing "Add your pet!" Button

Currently, the "Add your pet" button on our website is very basic and doesn't stand out enough. As a result, users may not notice it or may have difficulty finding it. To improve the user experience, we want to customize the button using CSS to make it more visually appealing and prominent on the page. This will help users quickly identify where to go to add their pet, which will improve overall engagement with this feature.

Add feature to upload pet photos

Currently, users can only enter text descriptions of their pets in MyPetSpotlight. It would be great if there was a way for users to also upload photos of their pets to accompany the descriptions.

Creating database

@gabrysia694 I would like to be assigned a task where we make a form that takes the info from user and stores it in a database so it can be displayed as a card.

Add your pet's info

Hello,
any beginners are more than welcome to contribute to the project by adding their pet! :)

[BUG] misaligned cards on Safari browser

Seems like the content of 3 cards moved to the very top of a page when displayed on Safari browser. I don't know what it looks like on desktop though.

Add pictures to the cards

We need to add some default animal pictures to the existing cards, and later on, pet owners who have already added their pets can choose to replace the default picture with a photo of their own furry friend. They will be all pinged once the change is made.

Fix 'scroll-y effect' on Pet's personality list on Firefox display.

Favicon

One thing missing in the website interface is - a favicon. It can be "MyPetSpotlight" logo or any icon related to pets. It will enhance the website's visual appeal.

Create footer for MyPetSpotlight

We need to create a footer for the MyPetSpotlight. The footer should also include social media icons to allow users to follow us on different platforms. The design of the footer should match the existing style of the website.

Social icons not visible

Hi @gabrysia694, I just noticed that the social icons provided at the end of the website are not visible. If you could assign me this issue, I would be happy to fix it

Implementing Pagination

Hey @gabrysia694!

I hope you're doing well. I wanted to share a suggestion with you to enhance your platform's user interface. Have you considered using pagination?

Pagination can make a big difference in terms of performance and user experience. By breaking down the content into smaller, easily manageable chunks, you can optimize the loading speed of your platform. This means users won't have to wait for a long time for everything to load at once.

Another benefit of pagination is that it reduces cognitive load. When the interface is too long, it can be overwhelming for users to find the information they need. By dividing the content into smaller sections, users can focus on one part at a time, making it easier for them to locate specific information.

I believe that implementing pagination could significantly improve the overall usability of your platform. Let me know if you have any questions or need further clarification.

Thanks for considering this suggestion!

Move to react?

Hi can i move that project to react?

Request for Return to Top Button

I am requesting that a "Return to Top" button be added to the website. This would be a valuable addition because it would allow users to quickly return to the top of the page.

I suggest that the button be located in the bottom right corner of the page and be represented by an arrow pointing up. The button should be labeled "Back to Top", "Scroll to Top", "Up arrow" or "Up icon."

Readme Refresh: New Information and Resources for Contributors

New UI Design

The current UI of the website is good but I can make it more attractive with smooth sliders, New Card Design, etc.

@gabrysia694 Will u assign me to do these changes?

Updating pictures due to the new feature

Hello!
We've just introduced a new feature on our website that lets users upload pictures of their pets. As a result, we've added random pictures to the cards of animals that were added prior to this update. It would mean a lot to us if you could replace the default picture with your own of your pet, as it would give a more personal touch to our website! If you'd like to share a real picture of your furry friend, you're more than welcome to submit a pull request!

@Sranjan0208
@Pragyan14
@marehori
@Yuva0
@SANDEEP-NAYAK
@abhinav2712
@AnkitAnandMastery17
@Zaris47
@IanLuong
@Hassan1305
@Vishal-Parasram
@Yashdon999
@harisdev-netizen

If I pinged someone who has helped us make our website better but hasn't added their pet's info yet, I just wanted to say thanks again! Feel free to add your pet's details with a picture for that personal touch! :)

Add pet details through a form and store them on a database

We can create a form for the "Add Pet" button that takes in all the pet details, stores them on a database and then fetches them dynamically for displaying.

Adding Open Graph tags

We could add Open Graph tags to the website for better sharing on social media platforms such as Facebook or Twitter. These tags provide important information to these platforms and can improve the appearance of the website when it is shared.