🌠 just a personal card inspired by Discord's Profile

Related tags

React react typescript discord
Overview

Discord Profile Card

This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time.

image

Table of contents

Setting up

  1. Create a Bot Application in Discord Developer Portal. see the docs

  2. Add your Bot in a Guild.

  3. Go to My Applications, select the Bot and active the Presence Update intent

  4. rename the file .env.example to .env and set the values:

  • VITE_USER_ID - Your Discord user ID.
  • VITE_GUILD_ID - The Discord guild ID.
  • VITE_CLIENT_TOKEN - The Bot TOKEN.

Installation

  1. Enter on the repository folder and install the dependencies
Package Manager Command
YARN yarn install
NPM npm install
PNPM pnpm install

Scripts

  • dev - Run the project in development mode
  • build - Create the project build
  • preview- Run the preview

Running:

Package Manager Command
YARN yarn <script>
NPM npm run <script>
PNPM pnpm run <script>
You might also like...

Agile Planning tool for cool team, free, no setup, just come and play.

Voting Poker is an Agile Planning Tool for cool teams We're looking to create a fully customizable Zero config Pretty design tool for teams in demand.

Dec 12, 2022

Recipe websites have too much clutter, this scrapes *just* the recipe

Only The Recipe Most recipes websites have videos and ads flying everywhere, on top of walls of text describing the recipe's backstory. This is an eas

Dec 28, 2022

Run an Ethereum node — just press start

Run an Ethereum node — just press start

NiceNode "Run a node, just press start" Mission: 2x the number of Ethereum nodes by making a one-click-to-start Ethereum node Why?: The light client r

Jan 2, 2023

A state management library for React, heavily inspired by vuex

A state management library for React, heavily inspired by vuex

Vuex - But for React! ⚛ If you know vuex, you know it's as close as we get to a perfect state management library. What if we could do this in the reac

Sep 8, 2022

Mutated data-store for SolidJS, inspired by React-Redux

solid-mutant Mutated data-store for SolidJS, inspired by React-Redux. Synopsis Redux relies on immutability and referential equality to allow applicat

Mar 15, 2022

MSN Redesign made with Next - Inspired by Igor Monteiro's Layout

MSN Redesign made with Next - Inspired by Igor Monteiro's Layout

MSN Redesign 🏳 Made with Next - Inspired by Igor Monteiro's Layout | Behance 🛠️ Stack Next React Yarn (v1.22.17) CSS in JS CSS - Gradient Responsive

Feb 16, 2022

Kota (city; in Indonesian) guessing game, inspired by Katla

Kotla Kota (city; in Indonesian) guessing game, inspired by Katla, wordle and worldle. How it works For those who are curious, or are looking for a wa

Sep 27, 2022

Stealer node.js pour voler des comptes discords et des informations (navigateur, pc, ect)

Stealer node.js pour voler des comptes discords et des informations (navigateur, pc, ect)

⚠ À BUT ÉDUCATIF ⚠ LLX404 STEALER V1 Example: Et bien plus de fonctionnalités ! (badges boost, 0 detect, webhook introuvable, injection permanante, ip

Jan 2, 2023

Just A Personal Card for Cristian Del Rio (CristianJDelRio)

Just A Personal Card for Cristian Del Rio (CristianJDelRio)

NPX CARD This my NPX card show you a little bit about me directly via console or terminal 👇 just hit npx cristianjdelrio SCREENSHOT The final output

Oct 26, 2021

🎨 Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way 🚀 The best profile readme generator you will find ⚡

🎨 Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way 🚀 The best profile readme generator you will find ⚡

Demo Profile Readme Generator The best profile readme generator you will find! About | Technologies | Requirements | Starting | Contributing 🎯 About

Jan 1, 2023

This site compares your GitHub Profile to your friends, and analyses and tells your GitHub profile score too.

GitHub ⚔️ Duel Deployed at 🚀 : https://githubduel.vercel.app/ Compare your GitHub profiles with your friends It gives score to GitHub profile based o

Nov 21, 2022

A public board for all the Computer Society and Students to display their profile. An online year-book for you to display your profile in the most creative manner

A public board for all the Computer Society and Students to display their profile. An online year-book for you to display your profile in the most creative manner

Student's Yearbook by IEEE Computer Society Student's yearbook is an open-source project which intends to dispaly the students who will be graduating

Dec 18, 2022

My personal profile with dynamic github statistics, coding infos, music status with the spotify API.

Oh, Hello there 👋 My name's Mouhcine, A recent bachelor Graduate Security Researcher/Student from 🇲🇦 . Currently Working on other projects. 📬 Soci

Oct 29, 2022

Welcome contributers❤️🎉. Just add your name, Github profile link and Linkedin link🔗 Look at Readme for more.📖

Welcome contributers❤️🎉. Just add your name, Github profile link and Linkedin link🔗 Look at Readme for more.📖

Hello Welcome Developers! Step - 1 Create a GitHub account, if you don't already have one. Step - 2 Register for Hacktoberfest: Navigate to the Hackto

Oct 31, 2022

An `og:image` (social card) generator that is fast, browser-less (no Puppeteer), and capable of running on the edge. This package is designed to be used with Cloudflare Workers (but may be used elsewhere), with the simple API inspired by `@vercel/og`.

Cloudflare Workers OG Image Generator Using Vercel's Satori engine, and many credits to @vercel/og for the inspiration. An og:image (social card) gene

Jan 8, 2023

A personal semantic search engine capable of surfacing relevant bookmarks, journal entries, notes, blogs, contacts, and more, built on an efficient document embedding algorithm and Monocle's personal search index.

A personal semantic search engine capable of surfacing relevant bookmarks, journal entries, notes, blogs, contacts, and more, built on an efficient document embedding algorithm and Monocle's personal search index.

Revery 🦅 Revery is a semantic search engine that operates on my Monocle search index. While Revery lets me search through the same database of tens o

Dec 30, 2022

A personal home page for quick access to all your personal apps/sites

A personal home page for quick access to all your personal apps/sites

Fenrus Fenrus personal home page/dasbhoard. It allows you to have a custom home page/new tab page with quick access to your personal apps. For support

Dec 31, 2022

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

👷‍♂️ NFTank 🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few click

Nov 8, 2022

Website Company Profile dengan Codeigniter 4

Company Profile Website Full Features with CodeIgniter 4 Framework Anda dapat membaca pandunan penggunaan website melalui link berikut ini https://jav

Dec 25, 2022
Owner
Leep?
I make some bugs...
Leep?
GitHub
Very simple app to decode your Vaccination Proof QR Code (such as the one provided by government of Quebec) - Compatible with SHC (Smart Health Card standard)

shc-covid19-decoder Visit simple hosted version on your phone (does NOT transmit any data, all remains in your browser) https://fproulx.github.io/shc-

François Proulx 148 Sep 23, 2022
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

HENDEL SAMY 1 Dec 19, 2021
My personal website.

Getting Started First, copy .env.example and paste as .env.local, fill all field: NEXT_PUBLIC_CONTENTFUL_SPACE_ID = '' NEXT_PUBLIC_CONTENTFUL_ACCESS_K

Hendra Agil Syaputra 27 Dec 26, 2022
Lucaslitton.me - Personal website built with ReactJS, Frontity, and WordPress.

lucaslitton This project was bootstrapped with Frontity. Table of Contents Launch a development server Create your custom theme Create a production-re

Lucas Litton 1 Jan 3, 2022
Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

Rui Neto 13 Dec 31, 2022
Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 12 Aug 21, 2022
A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

Alvaro Junior 1 Jul 23, 2022
Wallety is a budget tracker for personal finance and budget planning.

Wallety - Budget Tracker Wallety is a budget tracker for personal finance and budget planning. Table of Contents Screenshots Tech Stack Quick Start Ru

Skander Blaiti 71 Dec 9, 2022
The Bookstore website is designed for you to create a personal list of books. You can add a book to the list, or remove a book from your list. You can use this as a "to read" list and update the list when you finish reading a book that is on the list.

Bookstore "Bookstore" is a website for all reading fans. It is a Single Page App (SPA) that allows users to: Display a list of books. Add books to the

Tiago Lelinski Marin 6 Sep 1, 2022
This is not my code, just trained with "From Scratch - Développement Web" youtube video

React-Countries-API DISCLAIMER FR : Ceci n'est pas mon code, je me suis juste entraîné à partir de la vidéo de From Scratch - Développement Web ! EN :

LejusVDP 1 Jan 4, 2022