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

Create category UI layout #23

Open
3 tasks
scott-coates opened this issue Jan 10, 2023 · 0 comments
Open
3 tasks

Create category UI layout #23

scott-coates opened this issue Jan 10, 2023 · 0 comments
Labels
Milestone

Comments

@scott-coates
Copy link
Collaborator

Description

Create the UI layout of the "back-end". This is where categories are managed.

image

Requirements

  • Display a table with all categories.
    • Think of 3 of your favorite trivia categories. Then, create a JSON payload using this schema below to create your table:
[
    {
        "categoryId": "cat_1",
        "categoryName": "CATEGORY 1 (E.G. Harry Potter)",
        "questionCount": 10,
        "lastUpdated": "just now"
    },
    {
        "categoryId": "cat_2",
        "categoryName": "CATEGORY 2 (E.G. NFL)",
        "questionCount": 20,
        "lastUpdated": "10 minutes ago"
    },
    {
        "categoryId": "cat_3",
        "categoryName": "CATEGORY 3 (E.G. JavaScript)",
        "questionCount": 30,
        "lastUpdated": "last week"
    }
]
  • Every row must contain a Select and Delete button.
  • Do NOT make these buttons functional yet, that will be in another task.
  • Do NOT pull real data from a database yet. For now, we can just use mock data to create our UI components, and after that, we can retrieve data from a real db.
@scott-coates scott-coates added this to the Sprint 2 milestone Jan 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant