DEV Community: LucasAlt

SpookyBot, an open source Discord bot

LucasAlt — Sat, 03 Oct 2020 13:35:45 +0000

🎃 A spooky Discord bot

This project is convenient for people who want to get into open source and contribute to different projects especially during the Hacktoberfest.

Don't hesitate to ask me for help on my Discord server, I would help you with great pleasure!

What does he do?

For the moment, the bot reacts with emojis according to the words present in the messages.
For example, if you send the following message: "I saw a ghost today", SpookyBot will add the reaction 👻 to the message.

Words list

Word	Emoji
ghost	👻
halloween	🎃
candy	🍬
spooky	a cute custom ghost

If you want to add some cute spooky terror on your server, feel free to invite SpookyBot on it!

What can I do?

Almost everything!
Seriously, you can help me translate the robot into different languages or add new words and emojis to the list. Otherwise, you can help me add some cool commands to make the robot more fun to use!

How to contribute?

Nothing simpler, just follow the contribution guide on the GitHub repository.

start-again / spookyBot

🎃 A spooky Discord bot

SpookyBot

🎃 A spooky Discord bot

This project is convenient for people who want to get into open source and contribute to different projects especially during the Hacktoberfest.

Don't hesitate to ask me for help on my Discord server, I would help you with great pleasure!

🤖 Add the bot on your server

You just need to click on this link and validate the form without changing any permission.

🌐 Adding a language

You can add languages to the robot so that it is translated and accessible to everyone!

To do this, nothing could be simpler, just copy the file ./app/lang/en.js then rename it following the ISO 639-1 nomenclature. Then you just need to modify the file as you wish. For the translation to be set up on the robot, do not hesitate to open a pull request by following this guide.

To react to a word…

View on GitHub

Original post from my blog

How to find app ideas?

LucasAlt — Sun, 30 Aug 2020 09:10:03 +0000

Hey, the question is vey simple 😁
I really would like to create some apps but, I'm struggling with finding ideas.
How do you find them?

Web.dev

LucasAlt — Tue, 16 Apr 2019 12:57:23 +0000

Original article in French on my blog, translated with Deepl

Developed by Google and fully open-source, web.dev allows you to discover how to optimize your sites to make them faster and more user-friendly. You are also allowed to audit your sites to know where they are not performing.

To improve your sites, web.dev includes tutorials and tips in six different categories:

Fast load times: A series of tutorials explaining how to improve the loading speed of your site,
Network resilience: A series of tutorials explaining how to provide the same speed of service around the world,
Safe and secure: Explains how to simply secure your site to prevent data theft,
Easily discoverable: Small tutorials explaining how to improve your site's SEO,
Installable: A short tutorial explaining how to create a PWA (Progressive Web App)
Accessible to all: A series of tutorials explaining how to make your site accessible to everyone (colour contrast, text size, etc.).

The results of the audits are presented in four main categories:

Performance: Allows you to know what needs to be modified to speed up the loading of your site such as calling more CSS than necessary.
Accessibility: gives you advice on how to optimize your page. For example, the lack of alt attributes on your images or colors that do not have a very high contrast.
Good practice: allows you to know whether or not you comply with certain basic rules such as the correct dimensioning of images (no stretched images).
SEO: gives you advice to make your site better referenced on search engines.

For the moment, my site is not doing too badly. All that remains is to improve accessibility and optimize a few files and everything will be fine 😉.

VSCode extensions

LucasAlt — Sun, 31 Mar 2019 16:01:52 +0000

Original article in French on my blog, translated with Deepl

If you are a developer or you are interested in development, you can't have missed Visual Studio Code. In this article, I will introduce you to some extensions that improve your workspaces from a technical or aesthetic point of view.

Technical improvements

Vetur

Vetur is an extension used for application or website development with VueJS. It allows you to enable syntax highlighting for .vue files, to have an auto-completion system specific to VueJS and proposes to enable formatting and debugging of your applications by installing Node.js modules.

Python

Developed by Microsoft, the extension offers full support for the Python language in VSCode. Like Vetur, the extension offers a system for auto-completion, debugging, formatting your files, and more.

StandardJS - Javascript Standard Style

To facilitate the development of an application within a team, guides have been created to agree on fixed rules. There are several such as Airbnb or Standard. With this extension, when you do not comply with a rule in the guide, an error message and an explanation will be displayed so that the error can be corrected. Thanks to the command palette, you can also format the entire file so that all correctable errors are corrected.

EditorConfig for VSCode

Just like StandardJS - Javascript Standard Style, the EditorConfig for VSCode extension allows you to set up different code rules depending on the projects. With this extension, when you have an .editorconfig file in your project, it will override the settings you have in your configuration. For example, you have configured VSCode to indent your code with 4 spaces and in your .editorconfig file, you do not indent the code with 4 spaces but not 1 tab. The extension will load this to modify your configuration only in the current project to follow this rule.

Visual improvements

Beautiful UI

The extension offers a collection of 32 themes of different colors based on various sources such as Monokai Classic, Base16, One Dark, and more.

Andromeda

Palenight Theme

Sublime Material Theme

Material Icon Theme

Material Icon Theme offers up to 400 different icons for your files and folders while respecting the standards agreed by Google with Material Design.

vscode-icons

Like Material Icon Theme, the extension offers a wide range of icons but is developed by a Microsoft team.

Various extensions

Polacode

Polacode allows you to take "photos" of your code just like carbon but directly in VSCode.

colorize

colorize allows you to view colors directly in your css/sass/scss/scss/stylus/...

Setting Sync

If you work on several computers and want to have the same configuration and extensions on each one of them, Setting Sync is for you! Each time extensions are added or VSCode settings are changed, the extension updates a set of files on Gist. When you change computers, simply install Setting Sync and connect the extension to your Gist containing all your configuration files.

A Personal MOTD

LucasAlt — Sun, 17 Jun 2018 09:41:02 +0000

Today, we are going to modify the MOTD that appears when we connect SSH to our server. Generally, it gives you some general information about your machine. You can display the server's uptime, RAM consumption, ...

Personally, I did something simple. It only displays me a logo and text.
To make a custom MOTD, there are many different ways to do it. Personally, I chose the method where we write a basic script that we execute so that it can edit the /etc/motd file alone.

Writing the script

As said above, I wrote a small script (koff, koff,... it's internet that wrote it for me) that I saved in a file raspi-motd.sh. If you want the same MOTD as I do, you can find the code here: https://gist.github.com/piksel/3023588

I slightly modified the script as explained in the comments below. You just have to change the line 20 echo "$logo" > /etc/motd.tail to echo "$logo" > /etc/motd.

Then I saved the file and executed it. Being a beginner with Linux, I had a little trouble running the file. Finally, two solutions are offered to me.
Either:
Allow the script to run,
run it with bash /path/to/script.sh command

I first chose the first option (hehey I said I didn't understand anything) and then I thought it was time to try the second one anyway. (spoiler! The second one is faster)

First solution:
chmod +x raspi-motd.sh gives the script execution rights
raspi-motd.sh script is executed
Second solution
bash raspi-motd.sh simply execute the script

Unfortunately, I have a small error, because it doesn't find the bootlogs file in /etc/init.d/ but no worries it still works. Finally, all you need to do is reconnect and the custom MOTD will appear.

Sources:

L4p1n's blog
Source code
How to run. sh file

Images:

By myself