Giter VIP home page Giter VIP logo

custom-messenger's Introduction

Custom Messenger

A fully featured Facebook Messenger desktop app, beautifully and minimally made with Electron.

Custom Messenger Preview

Custom Messenger Preview

Dark Theme Light Theme Venom Theme

Original Theme Custom Theme Inverse Custom Theme

Getting Started

Executables coming soon. If you're electron-friendly, please feel free to build and upload executables to this repo!

Bindings/Shortcuts

You can drag the window from the top bar (the title of the conversation).

All keybindings start with Ctrl.

Ctrl Q will close the window, but not the app.

Ctrl R will refresh the browser.

Right-clicking the tray icon opens the menu.

Clicking the tray icon launches the app.

Ctrl Backspace goes back one page in history, aka to previous conversation.

Ctrl M minimizes the window.

Ctrl Shift F sets the app to fullscreen.

Ctrl Y centers the app.

Ctrl Tab toggles the conversation list.

Ctrl Shift I toggles Developer Tools.

Theming

There are 4 provided themes ('Light', 'Dark', 'Venom', and 'Custom').

You can select a theme by right-clicking the tray and selecting a Theme. You may set this theme as the default by clicking Customize in the tray menu, and changing the "defaultTheme" property to whatever you wish.

To make your own theme, you can edit the values by clicking Customize in the tray menu. This will change the "Custom" theme, and you can see your changes by selecting the "Custom" theme from the tray menu.

If you have made edits to the current window or current theme, you can select "Full Reload" to reload with your changes.

I want to Develop

Requirements

  • Electron (npm install electron --save-dev --save-exact --global, global so we can use the electron CLI)
  • Electron Local Shortcut and some other plugins (npm i in this repo will do it)

Electron Install not working?

Try npm i and then install electron

I have Electron, Quick Start?

electron .

Logging and Deploying

Set the debug var in main.js (first line) to false before deploying, leave as true for logs in console.

How do I package this?

You need electron-packager. To install look at https://github.com/electron-userland/electron-packager

electron-packager . <name>

We've been using Fapkin as the name to keep things organized.

Go to the folder named Fapkin and paste here the messenger.ico, then run FapkinChat.exe

Credits

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY

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.