|
3 | 3 | Initial project description:
|
4 | 4 |
|
5 | 5 | ```
|
6 |
| -Create a simple php application using the laravel framework, a mysql database and the React JS framework on the frontend. If you are familiar with that, create it as a Single Page Applications. So the backend will be pure REST API and frontend will be compiled static javascript, which communicates with backend API only via ajax requsts. |
| 6 | +Create a simple php application using the laravel framework, a mysql database and the React JS framework on the frontend. |
| 7 | +If you are familiar with that, create it as a Single Page Applications. So the backend will be pure REST API and frontend |
| 8 | +will be compiled static javascript, which communicates with backend API only via ajax requsts. |
7 | 9 |
|
8 | 10 | The application will work with two DB tables, one containing users, the other containing countries.
|
9 | 11 |
|
10 | 12 | Users will have a first name, last name, date of birth and relation to the country. Country contains only id and name.
|
11 | 13 |
|
12 |
| -On the home page, display a "pie chart" from the library https://echarts.apache.org/, whose parts will mean country and the value will be the number of users in that country. |
| 14 | +On the home page, display a "pie chart" from the library https://echarts.apache.org/, whose parts will mean country and |
| 15 | +the value will be the number of users in that country. |
13 | 16 |
|
14 |
| -To the right of the graph, display two inputs that will serve as a date filter for the range of dates from - to, which will be applied to the date of birth. Choose a suitable plugin for datepicker and apply it to the inputs. After selecting the dates, this filter will be automatically apply to the graph and will only display users whose birth dates fall within the specified range. This filter should be sent as a parameter to the backend where it is applied. |
| 17 | +To the right of the graph, display two inputs that will serve as a date filter for the range of dates from - to, which |
| 18 | +will be applied to the date of birth. Choose a suitable plugin for datepicker and apply it to the inputs. After selecting |
| 19 | +the dates, this filter will be automatically apply to the graph and will only display users whose birth dates fall within |
| 20 | +the specified range. This filter should be sent as a parameter to the backend where it is applied. |
15 | 21 |
|
16 |
| -Below the graph, display the list of filtered users, choose the appropriate react component on data grid in which users will be displayed. After clicking on the grid line, display a popup window, which will display the user details in the form. Confirm the form to edit the user on the backend and apply the change to both the table and the chart. Allow adding and deleting users. |
| 22 | +Below the graph, display the list of filtered users, choose the appropriate react component on data grid in which users will |
| 23 | +be displayed. After clicking on the grid line, display a popup window, which will display the user details in the form. |
| 24 | +Confirm the form to edit the user on the backend and apply the change to both the table and the chart. Allow adding and |
| 25 | +deleting users. |
17 | 26 |
|
18 |
| -When you are done, please test the application and check the edge cases if you are didn't miss any usecase. Feel free to display any notifications or warnings, if you think it's needed. |
| 27 | +When you are done, please test the application and check the edge cases if you are didn't miss any usecase. Feel free to |
| 28 | +display any notifications or warnings, if you think it's needed. |
19 | 29 |
|
20 | 30 | Deploy the finished result to a publicly available repository.
|
21 | 31 | ```
|
|
0 commit comments