Create a simple node js + react application
Budget: $30 – $250 CAD
Context: Create a simple node js + react application to display employees and neighbors. The data files `employees.csv` and `neighbors.json` attached. First, import data to a MongoDB. Then create an application to display the following `react` components in _a single page_:
- React component `employees`: Render the employee list. You can take your best decision about what fields and how you want to render the employees.
- React component `neighbors`: Render the neighbors in a graphic format. `neighbors.json` includes the list of neighbors of `kpogreba`. Assume that `id` is unique and from the first part of the email address. The output of the component is a visual diagram where `jrod`, `donato`, `jwertheim`, `rraschke` are connected with `kpogreba`. It's a start network because everyone is a neighbor of one person. Look at `example_neighbors.png` as an example of such a diagram. To render this component, you can use any js library such as d3js, threejs, Chart.js, anychart, etc. The code should work for the variable length of data.
Tips: Additional pages or CSS/JS frameworks can be used if needed.
- React component `employees`: Render the employee list. You can take your best decision about what fields and how you want to render the employees.
- React component `neighbors`: Render the neighbors in a graphic format. `neighbors.json` includes the list of neighbors of `kpogreba`. Assume that `id` is unique and from the first part of the email address. The output of the component is a visual diagram where `jrod`, `donato`, `jwertheim`, `rraschke` are connected with `kpogreba`. It's a start network because everyone is a neighbor of one person. Look at `example_neighbors.png` as an example of such a diagram. To render this component, you can use any js library such as d3js, threejs, Chart.js, anychart, etc. The code should work for the variable length of data.
Tips: Additional pages or CSS/JS frameworks can be used if needed.