codinggarden / entropychat.app

A discord clone made by the Coding Garden Community.

A discord clone made by the Coding Garden Community.

https://entropychat.app

Tech Stack

• Frontend
  • Vue.js / Vuex / Vue Router
  • SCSS
  • FeathersJS Client
• Backend
  • FeathersJS / Socket.io / Express
• Login
  • Github OAuth

Configuration / Setup

• Copy the server/.env.sample file to server/.env and update the values.
  • You can obtain a github client id and secret here:
    • https://github.com/settings/applications/new
  • The authorization callback URL should be set to:
    • http://localhost:3030/oauth/github/callback
      • Change the port if your feathers backend is running on a different port
• The oauth flow requires that the client is running at:
  • http://localhost:8080
  • If your client is running on a different port, you will need to update server/public/index.html to allow sending messages to the correct port / origin

Design

• Designed by cccccccccccccccccnrd
• View the initial designs here

Assets

• Icon, Logo and Loading image created by Nullcano

All assets are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

entropychat.app's Issues

Fix docker mongo setup

On first or second stream you were having issues with docker and mongodb. The impression from the stream was the db service was delaying the start up somehow. The issue is also referenced on the docker-compose.yml as a comment.

I'm creating this issue to start a discussion (if required), have a quick look on the setup and also reference it on future PR.

loginWithGithub is not a function

Following along with YouTube video and I get the below error logs.

Please Help!

Error in v-on handler: "TypeError: _vm.loginWithGithub is not a function"

found in

---> at src/views/Home.vue
at src/App.vue

warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6917
vue.runtime.esm.js?2b0e:1888 TypeError: _vm.loginWithGithub is not a function
at click (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4e049812-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Home.vue?vue&type=template&id=fae5bece& (app.js:986), :21:26)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6917)
logError @ vue.runtime.esm.js?2b0e:1888
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6917

[Feature Requuest] Add team badges like those on the stream overlays

Sugestion: Add a option to choose a team badge, eg: Vanilla, Vue, React, Angular.. like the ones in the stream overlay tools, eg: in front of the username.

I want to contribute

I created new local branch, which includes global .scss imports for _variables.scss file. Can not push because access is denied:

 🌵 ~/Desktop/entropychat.app/client $ git push --set-upstream origin EC-GLOBAL-SCSS
ERROR: Permission to CodingGarden/entropychat.app.git denied to PixsaOJ.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Can I have access to create branch and pull request to it?

Docker Mongodb data persistence windows

The default Docker setup on Windows and OS X uses a VirtualBox VM to host the Docker daemon.
VM file transfer is not compatible with the memory mapped files used by MongoDB. So you cannot map a host folder to store data.

You need to create a new volume in the docker-compose file and map it to that instead.
I.E.

...
 db:
     ... 
     volumes: 
         -mongodb:data/db
 ...
 volumes:
     ...
     mongodb:

Setup a Code of Conduct

Create a Getting Started / Contribution Guide

EntropyChat Github Team

I created this team: https://github.com/orgs/CodingGarden/teams/entropychat
Leave a comment here if you would like to be added.

Github page not found

Issue

When I start both, server and client and try to log in, I put credentials and click sign in. It returns GitHub 404 page not found. No errors in electron console or terminal.

Create a TOS and Privacy Policy for Entropy

Enable HTTP2 in nginx on server

Put API behind cloudflare

Allow Users to Create Servers

Restart the docker containers on AWS Lightsail to pull latest image

Add a git action to auto restart the deployed docker container so that it always has the latest docker image.

:rocket: Deploy

• Dockerize API and DB
• Decide on a deployment strategy
  • Backend - AWS Lightsail / Docker
  • Frontend - Vercel / now.sh
• Deploy the backend
• Deploy the frontend
• Release a build of electron

Main Layout

At the moment, the application doesn't have a layout for the main screen. An idea would be create the original layout pretty similar if not a copy of Discord and after as required put the changes we need.

postMessage and addEventListener once

entropychat.app/client/src/store/modules/auth.js

Lines 43 to 45 in c76399c

	window.addEventListener('message', receiveMessage, {
	once: true,
	});

Because I am running Vue dev-tools, and it is sending messages for hot reload, I was confused. Sometimes I receive the token and most of the time I was not.

After debugging I've found adding once was not a good idea, instead I removeEventListener after receiving the token.

Setup CI to auto deploy latest docker image

[Idea] Discord Bridge

Feature Request

Use a WebHook on the discord side and a new discord-bridge message type on the Entropy API side to bridge an entropy channel with a discord channel so that users of both platforms can communicate in their own preferred application. A publicly joinable bot can be used on the Discord side to listen to messages (message event). Use the magic of Discord WebHooks to use the original profile picture and username. For the sake of privacy, add an opt-out option on both platforms using either the bot (Discord) or an in-app option (Entropy). However, this is technically covered by Discord's privacy policy.

Additional

UI in the frontend that lists discord channels instead of manually typing the ID.