brandonhach / rep

No build currently available, will deploy alpha soon for demo!

1 stars 0 forks source link

PR: Extend Profile UI layout #10

Closed brandonhach closed 3 months ago

brandonhach commented 3 months ago

Overview

Completed profile UI layout extension.

User Stories

As a user, I want to showcase my mood board for aesthetics.
As a user, I want to display my reputation on my profile.
As a user, I want to have a comment section.
As a user, I want to display my affiliation with an organization I am a part of.
As a user, I want to display my trade posts to let others know what I'm buying or selling.

9

Features

UI mockup for the signup and login form.
New Navbar.

Changes

Removed previous profile components.
Enabled domains via next.config.m.ts
Included more react icons on the profile page.
Established tab layouts for the following: Moodboard, Affiliation, TradePosts, Rep, Comments, Follows, Contacts
Changed all layout.tsx within the project structure to prevent hydration errors from occurring.
Extended more static data in /config/site-config.ts.
Refactored navbar component for minimalism.

Known issues or Bugs:

Have not completed Follows.tsx & Contacts.tsx components.
Overall page is NOT RESPONSIVE. Recommend using 1080p screens.

Snapshots

Profile page

Let me know if there's anything I missed.

290358234-e9d960b1-969a-4e65-9360-fe167b021ed1