#1 What am I building this week? 🥳 D-Notes - Chrome Extension App
Tags: opensource, softwareengineering, extensions, erp
Published: 2023-06-06 15:42:24

I build something new every week.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/saqtgtemzf6o84csj1sr.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9y8kl4h9ahyq1ezr57aw.png)

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/svlldb2l2s75w9rgmmay.png)


## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5gptm82pz5zstv77ceu.png)

> _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 🤞