[ToDo] Suggestions on frontend code

[William-An]

TODO: Suggestions for frontend code

What is this todo related to?

frontend

What is the todo?

1. Add documentation to every function in the frontend code to briefly explain what are the purposes and parameters of the function
2. Need to specify what kinds of data will be stored in the redux store at each reducer file @William-An
   1. Need better design on the store data structure design
   2. What data need to be included in the store?
   3. What format should the data be stored
3. Project folder structure
   1. What not use slice to place component file and reducer file together instead of in different folders?
   2. ref
   3. Can also handle type naming as well
4. Highlight action functions
5. Utilize the connect function to pass in dispatch methods, which won't need to call dispatch(action) but can use props.action() to dispatch action

How urgent is the todo?

As soon as possible

Additional context

Add any other context about the problem here.

[William-An]

Restructure frontend codebase