---
# System prepended metadata

title: 'LLC Web Report #1: Flaws & Improvements - Jan 21, 2024'

---

# UI/UX Report

## Remaining Flaws

### 1. Landing page appearance (Duy & Quốc Đạt)
- Need more information: What it does? How can it help? ... at least the users will have a clue.
- Need animation or graphic augmentation so that it appeals to the users.
![image](https://hackmd.io/_uploads/B13AQ69K6.png)
- Tagline should be at bottom of the screen.

### 2. Dashboard (Done)


### 3. Mission

![image](https://hackmd.io/_uploads/rJMKtTqFT.png)

- There should be 2 mission categories:
    - Shown (we might need newer appealing names).
    - Hidden.
    - Each of the above is displayed in an 2x4 grids, with 7 most progressed mission shown on "Mission dashboard", and the rest can only be shown by "Show more >>".
- In DB, there's a graphic for each mission now. Can use that to make the mission page look less dull.
- The progress circle looks very un-motivated. Can we fill it so it looks like half-eaten pizza, or make the progress circle thicker?
- Aced & rank data should be changed.

### 4. Mission details

- Problem DB & mission is ready to get data from. Please check and change display data accordingly.

### 5. About

- What information should be displayed here, hmm...

### 6. Profile (Thành Đạt)

- Leetcode profile pic of user hasn't shown.
![image](https://hackmd.io/_uploads/HyoDt69KT.png)

- Change profile info is not linked externally

![image](https://hackmd.io/_uploads/ry6LKp9Ya.png)

### 7. Misc

- Implement a "No Data" common object, which will shows up whenever there's no data of some kind (for ex: an user haven't finished any mission) (Thành Đạt).
- Loading animation when fetching data.
- Logging framework for backend (instead of console.log)

### 8. Development Refactoring

- README refactoring:
    - All related to setting up the website locally: put in the front-most README. Newer dev should only read the front-most README to do all the set-ups.
    - All the inner README is just for deeper env configuration settings.
- Git:
    - Create `dev` branch, which will deploy continuously on Staging site.
    - Create branch rules?
- Trello:
    - Introduce Tags
    - Introduce Automation & automated taggings on cards.
    - Remove redundant resources.

## Current Tasks pre-Deployment

- Backend & DB Deployment. (Tuấn Anh)
- Remove Login by Developer -> make login consistent on Staging & deployment. 
- Admin portal & blogs. (Việt Anh)
- Multi-language support. (Thành Đạt)
- New logo (available around 31 Jan) = redesign color :))
