React PWA : Projecteon

React PWA : Projecteon

A project management system made in React only !

ยท

2 min read

Introduction

Project Management Systems (PMS) typically allow the user to organize their projects into modular tasks and resources. Considering its capabilities, I began creating one.

But what's the big deal here, you may ask? Projecteon is specifically a PWA (Progressive Web App), made in React.js and without any external databases like MongoDB. Instead, It uses the browser's IndexedDB, which provided fairly enough space for a decent project. That also means that there are no sign-in / login processes required as each user uses his/her own browser's IndexedDB.

Live App

You can check out the live application here: Projecteon

Features

At the time of writing this article, Projecteon features :

  1. Kanban Boards

Kanban boards are highly interactive, and here tasks are arranged as cards . Each is draggable and can display the duration of the task in the "Ongoing" column.

  1. Tasks Scheduler

Have no time to write tasks for each day? Make them on the go, with the task scheduler

  1. Notes

Resource management is a must-have when it comes to large projects as cluttered data can badly affect your productivity. Projecteon comes with notes that can be written in pure markdown as well.

  1. Dashboard

    A quick overview of your project can help create a better visual image. Currently, Projecteon displays your prioritized tasks and their statuses. Similarly, many projects can be created from here on the Details panel.By default, the project "None" is set up for you. In addition, there are plenty of themes you can choose from, whether dark or light mode.

Conclusion

Projecteon can be further improved by your support. It has all the above features organized in your IndexedDB. Feel free to suggest any additions in the comments

That's all folks, happy coding! ๐Ÿ‘จโ€๐Ÿ’ป

ย