Dev.to

Dev Task Management With KendoReact

This is a submission for the KendoReact Free Components Challenge. What I Built I have built a task management app for the developers who want to manage different projects' tasks. You can simply add the project you are currently working on and add corresponding tasks. In the insight section, you can look at the overview of the projects and tasks you have done. Data are stored in the local storage for this app. Demo Link to the demo: demo Link to the repo: repo KendoReact Experience Here are ten components I used from KendoReact: AppBar -> To show the name of the app TabStrip -> To show the projects based on tab selected Dialog -> To show various forms on the modal Notifications -> Used as a Toast to show error and success message Drawer -> to show the sidebar for easier navigation to various screens DataGrid -> to show info about projects and their tasks Card -> to show individual project info Button -> for form submission DropdownList -> to select item from the list of options Input -> to capture the text info from the user about project and task

Mar 23, 2025 - 18:38
 0
Dev Task Management With KendoReact

This is a submission for the KendoReact Free Components Challenge.

What I Built

I have built a task management app for the developers who want to manage different projects' tasks. You can simply add the project you are currently working on and add corresponding tasks. In the insight section, you can look at the overview of the projects and tasks you have done. Data are stored in the local storage for this app.

Demo

Link to the demo: demo
Link to the repo: repo

KendoReact Experience

Here are ten components I used from KendoReact:

  1. AppBar -> To show the name of the app
  2. TabStrip -> To show the projects based on tab selected
  3. Dialog -> To show various forms on the modal
  4. Notifications -> Used as a Toast to show error and success message
  5. Drawer -> to show the sidebar for easier navigation to various screens
  6. DataGrid -> to show info about projects and their tasks
  7. Card -> to show individual project info
  8. Button -> for form submission
  9. DropdownList -> to select item from the list of options
  10. Input -> to capture the text info from the user about project and task
Read More

Tags:

Previous Article

What is Stemming in NLP?

Next Article

Building Quizo: A Quiz App Using Kendo React Components and GenAI

Related Posts

CSS Positioning

CSS Positioning

Feb 27, 2025  0

The Role of Quantum Computing in Bioinformatics: A Game-Changer for Life Sciences

The Role of Quantum Computing in Bioinformatics: A Game...

Feb 21, 2025  0

WordPress and Components

WordPress and Components

Feb 28, 2025  0