# 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 :))