In this article, we’ll take a look at some online project management apps that you can create using the Webix UI library along with other third-party components. You’ll learn more about the possible implementations of Webix technology. Such info will be helpful in case you decide to create an online project management application using your resources or by employing an outsourcing software company.

The power of collaboration should not be underestimated. If you have ever managed a group of people involved in a collective project, you understand that the best results usually provided by a team of unique personalities, each of which has its strong sides. The ability to assign a particular task to a team member in which set of skills better fits the requirements is one of the most valuable qualities required for successful project management. Everything works pretty much the same way with web development technologies. There are dozens of frameworks, each with its unique advantages. Since none of them is a universal tool, it’s pretty important to be able to define the best field of application for a particular framework and combine it with other frameworks properly.

1. Gantt Chart Based Online Project Management App

The Gantt Chart JavaScript component allows creating project management web applications that provide users with the possibility to track the current state of the project and all its subtasks with minimum efforts. The functionality of such apps may vary depending on your needs. If you work on a small project, such as a modest start-up or house renovation, the basic Gantt chart application will work just fine. It’ll allow you to visualize the project’s workflow as a series of horizontal bars, each of which represents a particular task. You can change the duration of tasks, define different types of dependencies between them, and monitor the implementation progress. Advanced features such as auto-scheduling or critical path visualization require additional efforts but won’t take much time as well.

This project management tool for communications portal uses the JavaScript Gantt chart as a basic component. The filtering and zooming features along with the Milestone and Task Add Function, allow users to build new projects, create and manage tasks within the milestone. Using this application, the user can add and edit milestones and tasks with ease. Managers can filter the tasks according to the employee it was assigned. The status of a task can be changed from in progress to late or completed. There’s also the possibility to change the priority of a task (low, normal, high), choose its start and end date, and define access rights for different team members. The Milestone Bar can display the percentage of closed and open tasks. The drag-and-drop oriented user interface allows reordering milestones and tasks by dragging.

The main task for the development team was to integrate the customized Gantt chart into the client’s management portal that was operating, but the amount of the available managerial tools didn’t satisfy the users. Gantt chart was used to provide users with the possibility to assign tasks and track the project implementation with minimum efforts. The customized Gantt chart app improved the business performance due to the possibility of fast creating and managing of milestones and tasks.

2. Project Management Web App for Task Scheduling

Using the JavaScript component intended for developing online schedulers, you can use the opportunity to track the process of orders delivery, set and monitor task execution time. It’s a lightweight and intuitive calendar component with the drag-and-drop support that works smoothly both on the desktop and mobile devices. You can use different views, such as Day, Week, Month, Year, Agenda, Timeline, and Grid. The ability to create recurrent events will be useful in case you want to keep your employees informed about weekly meetings, for example. The scheduler can display several calendars for multiple resources at the same time, which can help to manage human resources more effectively. It’s highly customizable and allows us to change almost any aspect of the calendar’s appearance. Let’s check an example of the real app built using this component.

The workforce and facility management suite allows managing the workflow of an organization during the whole lifecycle from the stage of contract creation to the phase of reporting on implemented work. The possibility of filling out the reports using a mobile device allows employees not to be chained to their PCs. Such functionality is especially important in case a company provides social services and works with its clients in the field. The usage of the NFC technology provides wireless data exchange between two mobile devices by bringing them within 4 cm of each other. The mobile app supports offline mode and allows using SMS and email notifications. Using geolocation, you can track the movements of the employees between the clients and know the estimated time of arrival.

The app is also able to visualize the Key Performance Indicators (KPI). There’s a possibility to use over 15 different KPI graphs, which helps to evaluate the working process and make necessary improvements. The app provides the possibility to create detailed reports that cover employee deliverables.

The Webix UI library was used to create the user interface. Node.js was used for providing the exporting features. The development team used PhoneGap that allowed us to reach great user experience on smartphones and tablets. Besides that, we used PhantomJS, PHP, JavaScript, and MySQL. As a result, we got the suite that is simple to use, flexible and shows high performance both on the desktop and mobile platforms.

3. Logistics and Supply Chain Management Web App

Modern realities bring new requirements to the process of warehouse and transportation management. The main goal is to provide an intuitive way of monitoring the whole supply chain from the warehouse to the client’s porch. Thus, the online project management app should provide the possibility to control the status of the package in the real-time mode. It will help to ensure that goods will be delivered on time, and the customer service level will remain high. Besides providing information on freight tracking, such an application should help to eliminate the amount of paperwork and decrease the number of required paper documentation by using the electronic data.

During the development of the Logistics and Supply Chain Management app, all described requirements were taken into account. The Tree, Tabbar, and other Webix components were used to implement an easy and intuitive way of controlling the app using dashboards during the development process. The JavaScript scheduler allows tracking packages delivery and shipment aggregation. The geolocation feature allows for tracking the location of sent goods using the web map and estimate the delivery time.

To simplify the management of the warehouse activities such systems were implemented as inbound/outbound goods processing, cargo snapshots that allow recording damages, KPI reports generator that helps to assess the overall success of work, and many others. Such functionality allows for increasing the overall efficiency and achieving a high level of customer satisfaction. For example, any client can make a photo of the delivered parcel in case he wants to document the damage. Such a photo can be uploaded to the system and commented on. Thus, you can stay in touch with your customers and quickly resolve problem situations. Besides that, this web project management application provides tools required for dealing with documentation, shipping compliances, carrier performance reports, etc.

4. Staff Performance Management Web App

Webix provides developers with dozens of useful components that help to visualize huge amounts of data in different ways. DataTable allows creating tables of different levels of complexity. Using the Chart UI Widget, you can visualize data in an easy to understand the form, such as a static or dynamic chart. The Search text field allows filtering the displayed data. To control the behavior of the management app, you can use one of many available controls such as Button, Tabbar, RichSelect, etc. As an example of how different Webix UI elements can be used alongside, you can take a look at the Online Staff Performance app.

The task was to create a web management system that provides organizations with the possibility to monitor staff performance and KPI’s. To create a self-evaluating dashboard, planning dashboard, progress tracking tables, and other useful tools, developers used a bunch of Webix data components. As a result, a user can input all necessary data on staff (name, username, status, etc.), use appraisal functionality, remove progress trackers, and so on.

To track all necessary KPI’s the development team created a special dashboard. Using Webix Pivot, SideMenu, and TreeTable widgets, a task management dashboard was created. It allows displaying a timeline of all activities along with their current status. In the case of need, new custom progress trackers can be added. Any manager can easily monitor the performance of all employees. To simplify this task, the development team used Webix charts that allows to visualize important performance indicators and build custom comparisons that display organizational averages.

5. Online Kanban Board Project Management Apps

You may think that Webix can be used only as an “auxiliary tool” that has one purpose: simplify the development of web project management apps. But the collection of widgets provided by this framework is quite diverse and allows creating full-featured applications without involving any additional libraries.

For example, you can check this Kanban Board widget. You can use it to develop an online management app that represents the workflow of the project in easy to understand way. The term Kanban has a verbatim translation. “Kan” means visible or visual and “ban” means a card or board. This term has come from Japan, thanks to the Toyota production system. The main idea behind the Kanban methodology was the intention to scale down the amount of work in progress. There are three main principles of Kanban that can improve your business:

Visualize the workflow. Using the visual representation of tasks, you can easily determine the current status of your project. It may be a pretty handy solution in the case you work on a big project with dozens of tasks

Using the visual representation of tasks, you can easily determine the current status of your project. It may be a pretty handy solution in the case you work on a big project with dozens of tasks Limit the current Work In Progress (WIP). You can restrict the number of active tasks for each phase of your project. It’ll help you to control the available resources more efficiently

You can restrict the number of active tasks for each phase of your project. It’ll help you to control the available resources more efficiently Continuous measurement and improvement of the life cycle. You can analyze the current status of your workflow, find the bottlenecks, and make improvements in the case of need

A typical Kanban board consists of several logical parts. To-Do section can consist of that should be analyzed. The Estimated section can contain tasks that were analyzed and estimated by the team. When your team starts working on a particular task, it can be moved to the In Progress section. When a task is done, it’s moved to the Done section. Each task can be marked with the color to show it’s a priority. You can use tags to show that a task is related to a particular project or team. With web Kanban board project management application you will always be aware of your employees’ progress in work, will be able to check the current status of the project, find the possible bottlenecks, and make improvements into the working process.

Conclusions

The Webix framework is a development tool that can be used for creating almost any type of online app. Its collection of widgets includes charts of different types, Kanban board, spreadsheet widget, and many other useful components. In the case the functionality of these widgets is not enough for you, Webix can easily be combined with third-party libraries to create web project management apps that better fit your needs. Be it a simple online map or complex service resource planning software, Webix can reduce the development time and costs significantly.

Moreover, the use of Webix JavaScript UI library components allows tuning-up the existing apps without significant changes to their functionality. It also helps to build new rich and interactive apps. Webix is designed to make your web app look great and work smoothly on any device.

You can also use our Webix customization services to build apps with similar functionality.

XB Software is a reliable full-cycle custom web application development company focused on the needs of its customers. We provide web and mobile app development, software testing, and staff augmentation services.