Logo

dev-resources.site

for different kinds of informations.

Unicode-Search - my first Electron app!

Published at
11/23/2024
Categories
electron
javascript
unicode
Author
drhyde
Categories
3 categories in total
electron
open
javascript
open
unicode
open
Author
6 person written this
drhyde
open
Unicode-Search - my first Electron app!

I am a Unix greybeard who mostly works in perl and shell programming, with a bit of dabbling in C and Rust, but for a long time I've wanted to do some Javascript. I just needed an interesting enough project to use it in. Well, at work I spend a lot of time toiling in the Unicode mines, fixing mojibรƒยฉke errors in a somewhat elderly code base. As part of that I wrote a guide for my colleagues, which points them at a very useful reference website run by Xah Lee. That has been around for years, but as the single maintainer of several projects myself I am wary of relying too much on projects with a single maintainer. So I decided to write my own, and that this would be my interesting little Javascript project.

It seems like a sensible choice for learning a new language, as it's not doing much, just looking up data in a static structure and displaying it to the user. It's all synchronous code, there's no I/O beyond updating a web page, and the user interface can be dead simple.

Electron's quick start guide is excellent and gave me the basic boilerplate for a "Hello World" application, and then the rest was just lots (and lots, and lots) of looking things up on Stack Overflow and W3Schools. From start to finish it took about 6 hours, and my code is on Github.

Screenshot of my little app running

I'm quite sure that those of you skilled in the ways of Javascript will find the code "idiosyncratic", but that's OK, these are baby's first steps. If you have any useful tips for improving it, and can explain them simply, then they would be most welcome. I would also welcome pull requests that make it stop looking ugly as sin. Learning how to make rounded corners and stuff in CSS wasn't in scope :-)

Update: because working on the command line is always better than using a GUI, it has sprouted a CLI tentacle. The same code does most of the work of parsing user input and looking up characters, it just has a different function for spitting the results back out to the user.

Image description

electron Article's
30 articles in total
Favicon
First thoughts on Electron
Favicon
Let's build website builder
Favicon
Study With Me 1.0
Favicon
[Boost]
Favicon
Electric Bus Pantograph Market: Trends, Challenges, Drivers, and Insights Through 2033
Favicon
Keyboard Sounds โ€” Make any keyboard sound mechanical
Favicon
Electron
Favicon
I Hate Website Builders โ€“ So I Built My Own
Favicon
Is the browser always the right tool for the job?
Favicon
E-House Market Insights: Compact Solutions for Modern Power Challenges
Favicon
.NET Cross-Platform Web Desktop App Frameworks as Electron Alternatives
Favicon
How to remotely EV code-sign a windows application using ssl.com
Favicon
Configuring webpack to handle multiple browser windows in Electron
Favicon
Using native modules in Electron
Favicon
Requesting camera and microphone permission in an Electron app
Favicon
๐Ÿš€Building a Multi-Step Loading Screen with Electron
Favicon
Building deep-links in Electron application
Favicon
MaweJS: Editor for plantsers
Favicon
Handling TypeORM migrations in Electron apps
Favicon
Unicode-Search - my first Electron app!
Favicon
Creating a synchronized store between main and renderer process in Electron
Favicon
The ultimate Electron app with Next.js and React Server Components
Favicon
Electric Bikes And Coding
Favicon
Creating a Browser Window in Electron: A Step-by-Step Guide
Favicon
How to Create a Windows Executable with Electron Forge that Adds a Desktop Shortcut?
Favicon
Building and publishing an Electron application using electron-builder
Favicon
Cross-compile a distributed Electron App
Favicon
The Only Electron Framework You'll Ever Need: Introducing the Ideal Electron Framework
Favicon
Overcoming Electron-Builder Limitations: A C# and NSIS Hybrid Approach
Favicon
How to Use Electron.js to Create Cross-Platform Desktop Applications

Featured ones: