Use Vite and Mermaid for dynamic diagramming.
Overview
In this article, let’s use Vite and Mermaid to prototype a simple application for dynamic diagramming.
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. You can use it with vanilla Javascript/Typescript, or your favorite frameworks like React, Vue, Preact, LitElement, or Svelte.
Mermaid is a Javascript-based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
There are several advantages to using a text-based approach for diagramming.
- Version control is easy now. The developer can track changes…
Next-generation character recognition using machine learning.
Overview
In this article, I am going to develop a React + FastAPI application that captures images from the webcam and uses an OCR-trained model to detect the text.
PaddleOCR is the OCR toolkits that I use. From my testing, it is a lightweight and high-performing ML OCR library. It supports over 80 languages and can be deployed in server, mobile, embedded, and IoT devices using languages like Python, C++, etc.
The Application
The application captures the image using the webcam and invokes the backend API to recognize the text.
Regions, where the characters are detected, are…
Integrate cheat sheet into Neovim without any plugins.
I saw a video that showed how to integrate cheatsheet into Neovim using a combination of Tmux, fzf, and shell scripting. I used alacrity + Tmux previously and moved away from this workflow after starting using wezterm which is also a GPU-accelerated cross-platform terminal emulator and multiplexer implemented in Rust.
Anyway, I need a simple solution to integrate cheatsheet into my development workflow. I tried to use cheat.sh-vim but like I mentioned I just need a simple solution. There is also another plugin available but I don’t need a fancy UI.
It…
Neovim plugins to try out for better development workflow.
Overview
In a previous article, I talked about new Neovim completion frameworks to try out. Let’s go through the new Neovim plugins that could improve our development workflow in this article!
SnipRun
In Emacs, we have org-mode and org-babel that allow us to run code interactively. I am looking for a simple solution for Neovim and find SnipRun handy.
SnipRun is a code runner plugin for Neovim written in Lua and Rust. It aims to provide stupidly fast partial code testing for interpreted and compiled languages. …
Gathering data and perform fundamental analysis for a market.
Overview
In this article, let’s use our coding skills to evaluate and choose quality stocks. It is fun to collate stock data for a particular market and perform fundamental analyses.
Getting Stock Market Data
I am going to use the investpy library to gather market information.
Let’s get started!
New Neovim completion plugins you should try!
Overview
In the previous articles, I walked through with you the Neovim completion setup using completion-nvim and nvim-compe. The Neovim ecosystem is evolving fast and since then there are new and better completion plugins available for developers.
In this article, let’s explore 2 new completion plugins (coq_nvim and nvim-cmp) that you should try!
Neovim LSP Enhanced
Additional features to enhance your LSP experience in Neovim.
alpha2phi.medium.com
coq_nvim
coq_nvim is a highly performing Neovim completion plugin that gives the completion results on every keystroke. It provides real-time performance statistics you can use to measure the performance of the completion sources.
One good thing is that it comes with over…
Code faster in Visual Studio Code using Vim emulation.
Overview
I use both VS Code and Neovim for coding. VS Code mostly at work and Neovim for personal projects. One thing in common is I prefer to use a modal editor to code.
For VS Code, to support modal editing, there are mainly 2 extensions we can use — VSCodeVim and vscode-neovim. vscode-neovim embeds a Neovim instance inside VS Code whereas VSCodeVim is a Vim emulator (Neovim integration is still experimental).
For beginners, you should start with VSCodeVim as it is much simpler to configure. This article explores how to improve…
Utilities and VS Code extensions to make developer’s life easier.
Overview
Technical writing is an essential skill. Having good project documentation helps people understand and use your software effectively. Even if you develop the code, after few months potentially the code is indistinguishable from code that someone else has written. If it is an open-source project and you want people to contribute, then you need to let them understand the code in order to help out.
This article explores utilities and VS Code extensions that could help us document our projects.
README
Let’s start with README. For GitHub-hosted projects, different markup formats…
Use Python to extract data from semi-structured sources like PDF or Excel.
Overview
Machine learning algorithms need data for training and testing. With more data, you have better chances of coming out with a good model. Data can come in many forms. In some cases, the data you need may come from semi-structured sources, e.g. spreadsheets, text files, or even other binary files like Word or PDF.
This article explores techniques that can be used to extract data from these semi-structured sources. For demonstration purposes, I am going to extract information from Excel and PDF files.
Data Extraction from Spreadsheet
Let’s get started with data extraction from spreadsheets.
As an example, for the spreadsheet below, I want…
Libraries and toolkits to develop GUI applications in Python.
Overview
This article explores the different open-source Python libraries that we can use to develop GUI applications.
Tkinter
If you just want a simple built-in solution, try Tkinter.
Tkinter package (Tk interface) is the built-in Python GUI library. It is the standard Python interface to the Tk GUI toolkit. Both Tk and Tkinter are available on most Unix platforms, as well as on Windows systems. (Tk itself is not part of Python; it is maintained at ActiveState.)
E.g. below is the Hello World code snippet from the documentation.
