Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make bingo page #76

Open
HuxleyBerry opened this issue Jan 6, 2025 · 3 comments
Open

Make bingo page #76

HuxleyBerry opened this issue Jan 6, 2025 · 3 comments
Assignees
Labels
difficulty::medium This issue is medium difficulty frontend Task must have a front end issue priority::medium This issue is medium priority

Comments

@HuxleyBerry
Copy link
Member

Prerequisites

#54 and #55

Issue

Use the components from issues #54 and #55 to make the bingo page. Here's what the page should look like on desktop:
image

...and on mobile:

image

Note that the challenge component (from #55) will have to be placed in a dialog in the mobile version

Also, make sure the contents of the challenge component is updated depending on which of the bingo tiles is selected.

@HuxleyBerry HuxleyBerry added frontend Task must have a front end issue priority::medium This issue is medium priority difficulty::medium This issue is medium difficulty labels Jan 6, 2025
@aradavi63
Copy link
Contributor

So the challenge component will not be in a dialog for the desktop version? Is it opening a new view?

@HuxleyBerry
Copy link
Member Author

So the challenge component will not be in a dialog for the desktop version? Is it opening a new view?

Correct, it won't be in a dialog. What I mean by that is that on desktop, you will be able to interact with the rest of the screen (such as tapping a new bingo tile) without needing to first close the challenge component. On the other hand, on mobile, you won't be able to interact with the website until you dismiss the dialog that the challenge component is in,

Copy link

Branch issue-76-Make_bingo_page created!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
difficulty::medium This issue is medium difficulty frontend Task must have a front end issue priority::medium This issue is medium priority
Projects
None yet
Development

No branches or pull requests

4 participants