Coder Social home page Coder Social logo

gabrysia694 / mypetspotlight Goto Github PK

View Code? Open in Web Editor NEW
19.0 1.0 53.0 54.62 MB

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 ⭐

Home Page: https://mypetspotlight.netlify.app

License: MIT License

HTML 18.26% CSS 26.62% JavaScript 55.12%
opensource beginner-friendly contributions-welcome css html javascript

mypetspotlight's Issues

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.

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.

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! :)

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!

Add your pet's info

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

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."

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.

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.

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.

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?

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.

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.

Social icons not visible

image
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

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.