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)