DEV Community

Discussion on: How can I make a visual UI in the browser for a Node application?

 
baenencalin profile image
Calin Baenen

It can't run without Node, as I'm using Node modules (DiscordJS).

Thread Thread
 
michaelcurrin profile image
Michael Currin • Edited

I see. It would have been useful to see your use case in your original question since this topic of JS is broad.

According to Discord JS docs, you should have a solid grasp of JS before handling this more advanced library

discordjs.guide/

Anyway.

Okay so your Discord bot or whatever you use to interact with Discord API is going to run as a Node script on your machine. No browser needed.

Your script will get messages or channel info from the Discord API and it will send a message on an event (in response to user) or when you run the script.

There is no obvious frontend that makes sense for this application. No HTML page needed. No live-server needed.

You'll start you application as

node myBot.js

# or, if configured
npm start
Enter fullscreen mode Exit fullscreen mode

To see what your application is doing you would look at Discord website itself.

Or you the terminal log where you server is running. ie whenever you app does something it can log. e.g.

12:00 Starting bot
12:02 Recieved message from @ABC
12:03 Sent message to @ABC
Enter fullscreen mode Exit fullscreen mode

Perhaps there is a more visual way of seeing what your bot is doing and if you come across anything in the docs then follow that.

Follow a tutorial in the docs that will get your bot started and it should explain what you need to do. But again unless the docs cover an HTML frontend you should not try to add that for Discord bot.

Thread Thread
 
michaelcurrin profile image
Michael Currin

I would recommend an intro video on YouTube about Node or Discord JS so you can watch someone setup and run an application.

Thread Thread
 
baenencalin profile image
Calin Baenen

But the bot is meant to serve as an application. So for my case, it is.
It's a weird use-case.