Skip to content

Create admin panel for points leaderboard (FRONTEND ONLY) #97

@PitaFLAME

Description

@PitaFLAME

For this task, you will only have to create directories and files in Typescript.

The below screenshot of a figma prototype is only a guide for what we're looking for, but it should give you an idea of what we want from this.

Please accomplish the following:

  • Create a new directory: /src/app/(main)/(routes)/points-tracker/
  • Create a new page.tsx
  • Assume that we have the following functions:
    • getUnassignedGitHubUsers() => an Array of strings, strings contain GitHub usernames
    • getUnassignedSDSUsers() => an Array of strings, strings contain ASU emails
    • getAssignedUsers() => an Array of tuples. each tuple will contain two strings: GitHub usernames and ASU emails.
    • getEvents() => an Array of Arrays[3]. Each Array will contain two strings and an integer: (str)Event IDs, (str)Event Names, (int)Values

You may define your own test versions of these functions when committing.

*Use icons from Lucide-React where necessary

image

125 points

Metadata

Metadata

Assignees

Labels

additionNew feature or requestcomplexThis may require multiple peoplefront-endThis issue primarily involves front-end development

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions