This was a simple demonstration to show how Django can be used to build a rudamentary application within 24 hours. It is essentially a table of fictitious current employees and information regarding their name, birthday, salary and reporting line. The various reporting levels are used to build a visual hierarchial demonstration of the relation between these employees. It was also a personal requirement that the application have a smooth UI and neat appearance.
As part of making this easy to demonstrate, an installer was written which should automatically download and install this program. It will require some pre-existing packages to exist but it was in part to also demonstrate the use of bash scripting in such a project.
The home page is a simple view showing the data as stored in the SQLite file.
When clicking on any of the columns, the list is sorted by that column as indicated by the change in colour of the column name
Searching for a particular value (in any of the existing fields) reduces the table only to the search result and makes visible the option to clear it.
Likewise a date range search can also be performed, this makes use of the browser's built in Calendar picker
Finally by clicking on the "Treeview" page, it dynamically generates a tree structure based on the table values. This is a hierarchy of the employee relations.
Hovering over a particular employee highlights everyone reporting to that employee (directly or indirectly). Likewise hovering over any information highlights that block for better visibility.
Django is a very easy to use tool which comes with a lot of built in functionality and features. It can be used to make fully featured and high quality software products at a fraction of the development time and cost of other alternatives. That being said, it does have its limitations, but for now it is still one of my favourite tech stack components to work with.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent