search

ChromeGaming / GameSphere

In this platform we are here to play games with our friends at a same time without any interuption Our primary goal is to create a plateform where two or more friends can gather and play games online (such as multiplayer) without having to download any software or tools to their computers or mobile devices.
https://gamesphere-multiplayer.github.io/GameSphere/
GNU General Public License v3.0
77 stars 159 forks source link

Signup, Login page and more animations on buttons or cards on the website. #3

Closed ghost closed 1 year ago

ghost commented 1 year ago

Hey @Aman1-coder, I'm Aditya, and I'm thrilled to be a part of this GSSOC'23. I bring along my expertise in HTML5, CSS, Javascript, Python and creative designs too. I'm passionate about open-source projects and eager to contribute and collaborate with fellow enthusiasts.

Can you please assign this to me?

ShivendraTrivedi commented 1 year ago

I'm interested in taking on this task and adding animations to buttons or cards, as well as improving the Signup and Login pages. I am a Gssoc'23 contrubuter. Here's my plan to accomplish it effectively:

  1. I will identify opportunities to enhance the user experience through animations on buttons or cards. This may include hover effects, transitions, or other interactive elements.

  2. I will research and utilize appropriate CSS or JavaScript libraries to implement the desired animations effectively.

  3. I will ensure that the animations are compatible with modern web browsers and devices, while also considering performance optimization.

  4. To improve the Signup and Login pages, I will enhance their visual design and usability, focusing on intuitive form layouts, error handling, and responsive behavior.

  5. I will conduct thorough testing of the animations and pages on various devices and browsers to ensure a consistent and smooth user experience.

  6. If necessary, I will refactor the code to improve maintainability and adhere to the project's coding standards.

  7. Once the modifications are complete, I will submit a pull request for review. I'm open to any feedback or suggestions provided by the project maintainers to further enhance the animations and page designs.

SamridhiNancy commented 1 year ago

I want to contribute on this issue , under Gssoc'23'. i want to make changes please assign it to me.

Aman1-coder commented 1 year ago

@ShivendraTrivedi @SamridhiNancy @584aditya Our first goal is to create an home page

ghost commented 1 year ago

Okk what kind of homepage you expect it to be

Aman1-coder commented 1 year ago

@584aditya It is a design of home page https://snowflaketest.my.canva.site/gamesphere you are able to change but can't fully modified

Vaibhav-Bothra commented 1 year ago

@Aman1-coder I will be able to make the design offered by you. I have adequate knowledge of web development and am very excited to work on this design and contribute to the project and GSSOC'23. Can you assign me to work on it?

shaileshthakur1 commented 1 year ago

@Aman1-coder bhai, I may help with content part of it all be it designing or website titling or description writing all of it. Assign me the issue?

shaileshthakur1 commented 1 year ago

@Aman1-coder i can help in adding buttons as well :

following:

Hover Effects: These buttons change appearance or animate when the user hovers over them, providing visual feedback. For example, the button may change color, size, or display a tooltip.

Click Effects: Buttons can animate or change appearance when clicked, indicating that the action has been registered. This can include transformations like scaling, rotation, or changing color.

Loading/Progress Indicators: These buttons show animated progress bars or spinners to indicate that a process is ongoing or loading.

Toggle Buttons: These buttons can switch between different states or options. When clicked, they animate to reflect the new selection, such as changing color or displaying an icon.

Notification Buttons: Buttons that display notifications can animate to draw attention. This can include badges, counters, or small animations indicating new messages, alerts, or updates.

Scroll-triggered Effects: Buttons can be animated to appear or change when the user scrolls to a certain point on the page. This can include elements sliding in, fading in, or expanding into view.

Drag-and-Drop Buttons: These buttons enable interactive drag-and-drop functionality. They can animate when dragged, snap into place, or provide visual feedback during the process.

Microinteractions: These are subtle animations that provide feedback for small actions. For example, when hovering over a button, it may slightly elevate or display a tooltip.