Concord

This project was made with Electron, React and Typescript. Our purpose is to change the UI to a more pleasant and functional one. Also we want to turn all beta features public for users (optional feature).

---

Downloading

git clone https://github.com/Vordlex/Concord
cd Concord
npm install

Setup

Create a file named .env in concord folder

.env content

REACT_APP_DISCORD_TOKEN="YOUR DISCORD TOKEN HERE"

How can I get my discord token ?

1. On browser or discord-ptb, press ctrl + shift + i
2. Go to the network tab

A big part of the requests has a header named Authorization, this is your discord token

after this, you can execute the scripts

Scripts ( yarn / npm )

yarn electron dev

npm run electron:dev

Runs the Electron app in the development mode.

The Electron app will reload if you make edits in the electron directory.

yarn electron:build

npm run electron:build

Builds the Electron app package for production to the dist folder.

---

tags for better understanding of commit and code

Feat: Used when any addition to the code is made.

Fix: Used when there are errors in the code that are causing bugs.

Refactor: Used in code refactoring but does not change its functionality.

Style: Used when you make a change to the style and formatting of the code.

Chore: Used in updating for changes to tools, settings, and libraries. Updates that do not cause a change in production code.

Doc: Used when some documentation is added or updated in the project.

Test: Used when any change is made to the project tests.

Many thanks to the following articles!

• ⚡️ From React to an Electron app ready for production
• How to build an Electron app using Create React App and Electron Builder
• Application entry file reset to default (react-cra detected and config changed incorrectly)
• Serving the Same Build from Different Paths

And the sample used to make this project

• yhirose / react-typescript-electron-sample-with-create-react-app-and-electron-builder