Paypay Technical Challenge

Requirement

Login client side only with username in localStorage
Admin accessible without login, be able to
- View list of employees
- Add new employee
- Assign/remove reviewers to a specific employee, and check review results in the same page
View and update (comment, star rating) list of needed feedback reviews assigned to current employee (require login)

Typescript
Use NextJs as fullstack nodejs framework:
- Mongoose mongodb object modeling for nodejs
- Express like restful api at backend
- React with functional component and hook at frontend
- Use material-ui as UI framework
MongoDB

users: (list of employees)
- name: string (unique)
- role: 'Frontend' | 'Backend' | 'Ios' | 'Android'
- des: string
- isAdmin: boolean
reviews: (list of reviews)
- reviewee: string (receive feedback employee)
- reviewer: string (provide feedback employee)
- point: number (1-5, star rating)
- comment: string

Folder structure

components: client side reusable react component
fetch: client side api request functions using isomorphic-unfetch
page: special folder by nextjs one-file/one-route (1 page)
- admin/reviewer/[name].tsx: /admin/reviewer/[name] page, assign reviewers and view reviews for [name] employee
- admin/[userId].tsx: /admin/userId, update employee info
- admin/add.tsx: /admin/add, add new employee
- admin/index.tsx: /admin, list employees
- index.tsx: /, home page
- login.tsx: /login, login page
- review.tsx: /review, list and update needed feedback reviews for current user (employee)
- api: another special folder by NextJs, defines server restful api one-file/one-api
server
- index.js: run next custom server with mongoose
- handlers: server handler implementation for page/api/
- models: defines mongoose model for user and review
- types: defines interface for user and review, used both by client and server

Assume mongodb running at mongodb://localhost:27017

npm i
npm run dev