The latest articles on DEV Community by sujal (@sujallama). https://dev.to/sujallama https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F771834%2F817982af-a98c-4261-92a1-34f0ba61e54e.jpeg https://dev.to/sujallama en sujal Sun, 23 Mar 2025 17:18:38 +0000 https://dev.to/sujallama/dev-task-management-with-kendoreact-4c9a https://dev.to/sujallama/dev-task-management-with-kendoreact-4c9a <p><em>This is a submission for the <a href="https://dev.to/challenges/kendoreact">KendoReact Free Components Challenge</a>.</em></p> <h2> What I Built </h2> <p>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.</p> <h3> Demo </h3> <p>Link to the demo: <a href="https://dev-tasks-man.netlify.app/" rel="noopener noreferrer">demo</a><br> Link to the repo: <a href="https://github.com/SujalLama/devTasks" rel="noopener noreferrer">repo</a> </p> <h2> KendoReact Experience </h2> <p>Here are ten components I used from KendoReact:</p> <ol> <li>AppBar -&gt; To show the name of the app</li> <li>TabStrip -&gt; To show the projects based on tab selected</li> <li>Dialog -&gt; To show various forms on the modal</li> <li>Notifications -&gt; Used as a Toast to show error and success message</li> <li>Drawer -&gt; to show the sidebar for easier navigation to various screens</li> <li>DataGrid -&gt; to show info about projects and their tasks</li> <li>Card -&gt; to show individual project info</li> <li>Button -&gt; for form submission </li> <li>DropdownList -&gt; to select item from the list of options</li> <li>Input -&gt; to capture the text info from the user about project and task</li> </ol> devchallenge kendoreactchallenge react webdev