Client Side (http://localhost:3000)
-
No global state management, therefore, whenever database is updated through the developed server, the client side has to be refreshed to fetch the most updated data.
-
3 pages for the user flow:
-
one page for user to enter into the admin mode and employee mode;
-
one page to allow the admin to add/remove/update/view employees, and also admin can assign other employees for peer reviews;
-
one page to allow employees to submit their peer reviews, and to show message if no assigned reviews left.
- No reviews assigned or all assigned reviews are submitted already.
- With assigned reviews not submitted yet.
-
-
Styles are mainly focused in the UI components for primary function, and limited styling due to time limit.
-
Although Next.js is employed in this challenge project, no SSR has been implemented yet.
yarn install // To install the used libraries
yarn dev // To start the client- Refactoring is necessary for cleaner code, better readability, and modularization of code;
- Global state statement or more modern state management libraries can be used to have a responsive frontend;
- Urql (https://formidable.com/open-source/urql/) and its related libraries can be further studied and developed to allow SSR under the Next.js framework;
- Better UI components and UI design, for instance, the employee card container to view the feedback can be collapsed or design in a carousel style for cleaner UI.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent