DEV Community

Cover image for #1 What am I building this week? ๐Ÿฅณ D-Notes - Chrome Extension App
Taric Ov
Taric Ov

Posted on

#1 What am I building this week? ๐Ÿฅณ D-Notes - Chrome Extension App

I build something new every week.

Image description

I would like to share w/ you guyz about my recent build for this week.

D-Notes ๐Ÿ‘‰ a note-taking extension app to work on top of Daftra ERP system (Popular in GCC and North Africa)

Background

I touch on users' pain when it comes to get things done w/ efficiency โš™๏ธ as I directly contact them on a daily basis for custom programing requests, while most of their requests r all about how to automate things or make things easier by developing custom workflows/features/tools.

Of all types of end-users, there're accountants and auditors how operate for longer time on ERPs especially in the Financial modules, Taxation and so on.

The Pain

They would love to have their own crap drawers ๐Ÿ“ฆ to throw in them things that r not currently urgent or meant for do-it-now ๐Ÿ‘€ but they still wanna find them ๐Ÿ” when needed.

My Approach

This tool will enable ERP operators especially accountants and auditors to have their side marginal draft (crap drawer) where they could scratch reminders/comments/todos/tasks for when they want to refer back later .. all that while:

1) They don't have to disrupt their workflow w/ external tools ๐Ÿค“
2) All in one screen ๐Ÿ’ป and on the same screen, and
3) The note is attached to where it was taken (per page) ๐Ÿ”—

Image description

My Final Solution

A free โœ‹ and open-source ๐Ÿ˜‡ extension app so users could use it or even further customize it as per their biz needs ๐Ÿ”ฅ building on the base feature that relies on the previously settled approach.

Image description

The Main Goal

I wish I could provide a better user-experience and far way more efficient workflow + documentation? never been easy ๐Ÿ˜ž and good documentation is rare gold ๐Ÿ˜‚

Image description

just if u ask ๐Ÿ™‚ why an extension app? cuz it's a cloud-based ERP system and most users use the browser ๐Ÿคบ

Tech Stack

  • TypeScript
  • VueJs
  • ViteJs
  • UnoCSS
  • Appwrite

The Status-Quo:

Notes on development/deployment...

1) D-Notes has been finished and tested ๐Ÿ’ช

2) It was developed on chrome manifest V2 so I tried to deploy to Chrome ex store, the app got the review to upgrade to V3 (it's mandatory now ๐Ÿ˜)

3) Itโ€™s working locally if u load it manually and spin a dev server (yarn/pnpm dev) โœ‹ then u will be able to connect and use it normally โœ…

4) Upgrading to v3 for deploying is WIP rn ๐Ÿšง

5) and will build a landing page for more info โ„น๏ธ

6) [Repeated] Itโ€™s a Free and Open-source ๐Ÿคฉ

7) Read the README in the linked repo below for more info if u intend to use it as a base for ur next Chrome ex app .. I will update it w/ how to connect to ur database, as a dev, screenshots and a how-to-use guide will be available โœ…

๐Ÿ”— repo: https://lnkd.in/dHefQzcU

8) I will be doing a tut in Arabic and English on how to integrate the tool in your daily workflow (letโ€™s add this to the todos)

9) Any PR of any type r welcomed โค๏ธ

What's Next

...me while resolving the migration to V3 issues and finishing off README.md, I am Parallelly ๐Ÿซฑ working on the second tool that will be coming next week ๐Ÿ‘‡

D-invoices

I have started this week-run new build .. another tool in the bundle ๐Ÿค˜ D-invoices where typically users will be able to manage invoices ๐Ÿงพ in a better and more convenient way. (will be finished in a couple of days and will post the finished deployed product)

...wish me luck ๐Ÿคž

Top comments (0)