Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,173,310 members, 7,887,923 topics. Date: Friday, 12 July 2024 at 04:30 PM

Finally Got My Electron APP Running!! - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Finally Got My Electron APP Running!! (196 Views)

I Finally Got A Job. Haters Should Bury Their Heads In Shame. / Can You Build A Cross Platform Desktop App With Electron.js / React & Electron Developers Urgently Needed (2) (3) (4)

(1) (Reply)

Finally Got My Electron APP Running!! by princely4ever: 3:50pm On May 20
To be posting this right now means I'm on cloud 9 (not really into posting right now...could keep my story to my self & face my biz as I just wanna stay focused rn )

it all goes like this;
wasn't just learning how to use electron, was trying to work on an urgent project, fulltime & fullstack. At the initial stage was the concept, I didn't know what exact stack to use or even where to begin in real fact, until I did my research. my project was a software/desktop app.

(just a little backstory):
And then, I found electron which I already heard of in the world of programming - something of when I was still somewhat of a newbie. anyway, I didn't exactly know much, as I was still randomly learning programming basics, and randomly trying out different languages & technologies. You, know how as a newbie you're randomly searching things and you have so many tabs opened just to understand what you're trying to learn, lol (eventually had to focus on one thing even if most things felt interesting & exciting which were the basics of webdev; html css & js)

Moving on, months/years later when I rediscovered electron while on research for my project, and what exactly it was for ( as I was getting attuned & accustomed to very technical concepts unlike the newbie I was when I started, one who could hardly grasp those huge grammar in most websites and their documentations and could throw in the towel at anytime when I got frustrated) I decided it was exactly what I need after much study and comparing with other tools I initially wanted to try like python's tkinter. what mattered to me in essence was the gui not exactly how difficult the technology really was. I wanted to build a software, but I wasn't impressed with most tools I found. python's tkinter would have been my last option but until I found electron and settled with it.

(Here's where the story really begins, sorry I had to beat about the bush):
while starting out with electron js, things got pretty rough & challenging. one of my first aim was to load the electron window, of which without, I had made zero progress, meanwhile, for me, accomplishing it means around 50% progress of the project even thought it's not ready to be packaged as a software which is no problem as ordinarily loading windows takes almost same process with with "cmd'.

did lots of research and research, debugging after debugging. I was restless, and days turned into weeks and weeks, months. As time flew, somehow, I lost the frontend I already did for the project while still fighting on the aspect of loading electron window. I finally relapsed on the project due to some ongoing circumstances.

SO many months have passed, and finally back to it even if I lost t+he first project. It's still not a bad thing if I had to start afresh. (I've learned the essence & necessity of backups too with a strong & portable external hard-drive)


FYI, it didn't take me much time & effort to finally load my electron window. here's fact: not long did I find a video for step by step guide to watch than I finally had the app running. this meant that I didn't have to watch the tutorial again.

the whole step was really.. (don't know what to even say)... as it involved installing modules & libraries thru npm & nodejs, the backend aspect. I also noticed that while installing those modules & libraries, I had done so in God knows where instead of my project directory and a lot other issues that were both hidden & obvious (just to load a window)

meanwhile, the only issue I had in my comeback was fixing/including the 'start' keyword in my package.json file that could enable me use the "npm start" command. notice how a small issue of this kind can create big problems which had happened in the first instance.

now, what changes did I make when I decided on a comeback and second try? Here's what:

1. had to be patient (at least, better than the last time ... cos what took weeks & months took less than 24hrs to accomplish)
2. read & scrutinized docs almost carefully & thoroughly than randomly
3. one step at a time.

perhaps, nothing may have been that difficult if I had done these.




For anyone who doesn't know much about electronjs, electronjs helps build desktop apps that run on all OS including windows, mac and linux. most tools that help build and package these apps don't have this ability. the most interesting thing is how you can build using simple html, css & js but particularly how you can build along with multiple frameworks/libraries like tailwind, react etc.

Right now I am open to mentor anyone and have been thinking about developing an online/offline course for anyone interested in learning electron or want to build their own desktop apps 😉 (my experience has paved way for this grin)


sorry, you peepz had to put up with my grammar, I'd come back for editing later.

Re: Finally Got My Electron APP Running!! by princely4ever: 4:09pm On May 20
oh, I guess I also forgot to mention how many cool desktop apps were created using this framework called electron; whatsapp web, figma, gitbhuub desktop, skype, slack, wordpress and even vs code...

the list seems endless.


view the list:

https://www.electronjs.org/apps

(1) (Reply)

Critique My Project / I Want To Intern In Background-node.js / New Https://naijamessenger.com Themes

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 39
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.