Create User Profile Page

[Thenlie]

Create the structure for User Profile page

Create the initial file structure, boilerplate code and routing for the Profile page.

• [x] Create directory structure
• [x] Create file boilerplates
• [x] Create react-router logic to get to page
  • path will be /<user-id>
• [x] Set path based on session context (logged in user)

Allow access to other users profiles

Expand on the Profile page to allow it to display other users profile's, not just a logged in users.

• [x] One component is used to render both dashboard and profiles
• [x] Pass user-id through the request query params

---

Create content for User Profile page

Create the three main content sections for the profile page. Fill them with initial content in both the profile and dashboard setting.

• [x] Query all necessary User info for the Info component
  • [x] Username
  • [x] Last Active Date (days, hours if less than 1 week)
  • [x] Account Age
  • [x] #14
• [x] Render info data in temporary <p> tags
• [x] Query all necessary Score data for Scores components
• [x] #17
  • [x] Create calendar component
  • [x] Create totals component
  • [x] Create stat chart component
• [x] Implement score chart from #7

Define initial styling structure

Start defining the structure of the components and how they will be style. Using tailwind classes of course.

• [x] Set up flexbox/grid to
• [x] Define containers and borders
• [x] Add placeholder profile picture
• [x] #21

[Thenlie]

Initial Boiler Plate and structure set up. Will start working on the actual content tomorrow! Updated tasks for additional work.

[Thenlie]

Just about done! Just bug fixing for now until the score chart component is complete. Should get pushed this week.

[Thenlie]

Closed by #24