zero-to-mastery/gamesenshi

Hire Your Favorite Gamer! (in development)

zero-to-mastery

Zero to Mastery Open Source

gamesenshi's Issues

[Help Wanted] fix styling inconsistent

the x sign normally sit in the center:

However in Card modal:

as you can see it is slightly lower

both are the same components

Appreciate if anyone can willing to work on this issue

[BUG] Signup modal doesn't disappear

I used the google sign-in method. After the account was created, the signin modal was still active.

[Help Wanted] fix icon alignment

At localhost:3000/profile, when you playing the sample audio, the icon appearance switch every 1 second, notice that the icon is slightly misaligned for each switch

the component is src/componentAtoms/ButtonSound
appreciate if anyone can provide solution to this issue

[BUG] I can't seem to sign up to the website

There is an server error when I try to register.

[Help Wanted] prototyping user profile page using figma (or similar tools)

please discuss how you want the page to look like (or show some sample) before you start prototyping on figma

[BUG] star ratings on profile page not working properly

Issue description

The profile page's star rating not working as intended when hovering the mouse over them in all resolutions.
In all resolutions, the half star ratings would display slightly under the empty star containers.
For 991px and below, the mouse has to hover on or slightly below the star containers for the stars to display.
For 992px and above, the rating system ceases to work.

Steps to reproduce the issue

1. Hover mouse over empty star containers to rate.

What's the expected result?

-When the mouse hovers over the empty star containers, the half stars should display within containers.
-The rating system should work for 992px and above.

What's the actual result?

-Half stars display slightly below the empty containers.
-The rating system ceases to work in resolutions 992px and above.

Additional details / screenshot

• 

[BUG] Play Button Icon and Text Overlap on Mobile

Issue description

On the http://localhost:3000/profile page, the Play Button icon and timestamp text overlap on smaller screen sizes.

I suggest either expanding the width of the button or removing clip length on Mobile.

Steps to reproduce the issue

1. Access profile page
2. Resize browser window down to smaller size

Screenshot

[Help Wanted] stop event propagation of ButtonSound

when Button Sound is clicked, the whole card also give out clicked feedback, stop the propagation

[Help Wanted] weird input behavior in Firefox

if Firefox has autofill and we try to sign in without changing the inputs, it triggers the "required" error

this is how the code look

if we made some syntax change to this

we solve half of the error

the full solution for this is adding a line of console.log in FinalInputText component

very weird behavior, need an explanation for this

This behavior is not found on Chrome

[Help Wanted] Fix unable to focus on first error

Normally when a form is submitted it will focus on first error if any:

However, it is not working in Card modal:

Both are the same component

Appreciate if someone willing to work on this issue

[Help Wanted] text alignment issue

the text vertical alignment change under different screen size

this is what i want

but under smaller or bigger screen size, the text(or the indicator) misaligned

appreciate if somebody can solve this

the route is localhost:3000/profile (you dont need to sign in first)
the component is src/componentAtoms/StatusCommon

[Help Wanted] stop chrome auto fill background when autocomplete

it makes the form input look really bad

target module is src/componentAtoms/InputText/InputText.js

[Help Wanted] optimization using memo and useCallback

implement optimization on any code with memo and useCallback

[Help Wanted] Redesign Error Page

https://trello.com/c/nL1KW6Kx/75-improve-error-page-design

[Help Wanted] spot anti pattern

There is a lot of code is anti pattern

especially styling, also some folder structure, module import export and naming is anti pattern due to carelessness or legacy

after some time i would list the patterns you need to be aware of, but you manage to spot some of the anti pattern, paste it here or reach out to me in discord

we will discuss how to fix the code