Giter VIP home page Giter VIP logo

memebot's Introduction

Open in GitHub Codespaces

Javascript Discord Welcome MemeBot with GitHub Codespaces

image of robotocat

Customize and deploy your own welcome memebot for your Discord server!

This template repository has all the code you need, with a preconfigured Codespaces development environment, to send a welcome message along with a meme when a user joins your Discord server.

How to customize your bot

image of manufacturetocat

Step 1: Add a .env file

This template repository requires a .env file to pass variables to your application. The .env file is used to store data that you want to keep private or hidden like API keys or tokens from external services like Discord.

This template repository has a sample .env file, .env-sample, that you can rename to .env or copy and paste the variables in .env-sample into a new .env file.

Step 2: Add your favorite meme

In your .env file you will find a variable named MEME_URL where you can add a URL to your favorite meme.

Step 3: Add a personalized welcome message

In the src directory you will find another directory called events. Open the events directory and you will find the guildMemberAdd.js file. You'll notice that we left helpful comments on where you can update the code to your liking.

To add a welcome message, you can update the getWelcomeMessage function after the content: keyword.

code block of get welcome message function

Step 4 (optional): Customize even further

Maybe you want to use an API service to provide random memes or maybe you don't want to share a meme at all. No matter what route you choose, you should take this Discord bot and make it your own. ๐Ÿ˜ƒ

We recommend creating a new branch anytime you tinker so you don't have to worry about making mistakes on your main branch. Once your new branch is in a good state, you can merge your changes to your main branch using a pull request. ๐Ÿš€

How to deploy your bot

image of jetpacktocat

Step 1: Create a new application on Discord

Visit https://discord.com/developers/applications to create a new application on Discord. Once there, click the new application button. After you click on the new application button, you can then create a new application (Note: That we created a new application called Bot Developer):

Screenshot 2022-10-07 at 1 01 38 PM

Step 2: Open your application

After creating an application you should see the application under My applications. Open your newly created application by clicking on it.

Screenshot 2022-10-07 at 1 02 12 PM

Step 3: Configure your bot user

Select the Bot settings to edit the details. First, click on reset token to generate a new token that you will use in your .env file. Copy the generated token and set the TOKEN variable in your .env file with your newly generated token.

Select the public bot option if you want your bot to be publically available. Select all the Privileged Gateway Intents like PRESENCE INTENT, SERVER MEMBERS INTENT, MESSAGE CONTENT INTENT if your bot needs those intents.(Note: For this application you'll need all of these intents.)

image

Step 4: Select your bot permissions

Open the OAuth2 setting and then select URL Generator.

Select the bot checkbox under SCOPES. After, select Send Messages, Mention Everyone, and Add Reactions.

Once you have set your bot permissions copy the generated url below.

image

Step 5: Choose your Discord Server

Visit the generated url from the previous step and choose the server that you want to add the bot to. Once you've selected the server click continue.

image

Step 6: Run your application

Once the bot is added it will appear on your Discord server in offline mode.

You can now run the code in the repository using the command line by typing the command npm start.

memebot's People

Contributors

tahmidbintaslim avatar dependabot[bot] avatar

Stargazers

Roman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.