🌠 just a personal card inspired by Discord's Profile

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.

Sep 1, 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

Jul 19, 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

Sep 11, 2022

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

Mar 15, 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

Sep 19, 2022

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

Sep 23, 2022

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

Sep 16, 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

Sep 6, 2022

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

Sep 18, 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

Sep 18, 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

Jul 15, 2022

:credit_card: make your credit card form better in one line of code

:credit_card: make your credit card form better in one line of code

Card - check out the demo A better credit card form in one line of code Card will take any credit card form and make it the best part of the checkout

Sep 17, 2022

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)

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-

Sep 17, 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

Dec 19, 2021

Minimalistic media card for Home Assistant Lovelace UI

Minimalistic media card for Home Assistant Lovelace UI

Mini Media Player A minimalistic yet customizable media player card for Home Assistant Lovelace UI. Inspired by Custom UI: Mini media player and custo

Sep 17, 2022
Owner
Leep?
I make some bugs...
Leep?
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
A web-app built with next.js that can automatically install mods into a new Minecraft or MultiMC Launcher Profile using the File System Access API

Mod Installer This is a Next.js App which automatically installs fabric mods on your PC and creates a Minecraft Launcher Profile for you. Idea & Inspi

Emma Böcker 16 Aug 23, 2022
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 Jun 15, 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 14 Jul 5, 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 65 Sep 11, 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