Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tessalt/echo-chamber-js
Commenting without the comments
https://github.com/tessalt/echo-chamber-js
Last synced: about 2 months ago
JSON representation
Commenting without the comments
- Host: GitHub
- URL: https://github.com/tessalt/echo-chamber-js
- Owner: tessalt
- Created: 2015-04-20T02:20:58.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2019-05-10T17:38:38.000Z (about 5 years ago)
- Last Synced: 2024-04-15T04:49:19.840Z (2 months ago)
- Language: JavaScript
- Homepage:
- Size: 4.3 MB
- Stars: 4,066
- Watchers: 48
- Forks: 96
- Open Issues: 13
-
Metadata Files:
- Readme: readme.md
Lists
- awesome-dev-fun - Echochamber.js - Commenting without the comments - providing a single-sided user comments just stored in local storage. (JavaScript)
- awesome-stars - tessalt/echo-chamber-js - Commenting without the comments (JavaScript)
- awesome-stars - echo-chamber-js - Commenting without the comments (JavaScript)
README
# Echochamber.js
## All of the commenting, none of the comments.
_alpha af_
Echochamber.js is a third-party script you can install to add a simple comment
form to your blog post or website.
_why not just use disqus?_
Because then there'd be a chance that someone would read the comments. _You_
might have to read those comments. You don't want that.
When a user submits a comment, echochamber.js will save the comment to the user's
LocalStorage, so when they return to the page, they can be confident that their
voice is being heard, and feel _engaged_ with your very engaging content. It does
not make any HTTP requests. Since LocalStorage is only local, you and your database
need not be burdened with other people's opinions.
## Features
- No server required!
- 100% spam-proof!
- Compatible with most blog and static site software
- Styles itself nicely to match your site's colours and fonts
## Installation
Copy and paste the following code where you want your comments to appear:
```html
var EchoChamber = window.EchoChamber || {};
(function() {
EchoChamber.discussionURL = window.location;
var script = document.createElement('script');
script.src = 'https://s3.amazonaws.com/echochamberjs/dist/main.js';
script.async = true;
var entry = document.getElementById('echochamber');
entry.parentNode.insertBefore(script, entry);
})();
```
## Screenshot
## Contributing
Requirements: [node](https://nodejs.org/)
1.Fork the repo
* clone the fork
* run `npm install`
### Local dev:
If you want to work with the iframe environment, there are some steps:
So you want the widget running on one server, and the host on another. I do this
locally by messing with /etc/hosts like so:
```
127.0.0.1 publisher.dev
127.0.0.1 widget.dev
```
* modify your httpd.conf file (in /etc/apache2)
```
ServerName publisher.dev
DocumentRoot "/Users/username/directory-of-widget"
ServerName widget.dev
DocumentRoot "/Users/username/directory-of-page"
```
* restart apache
* run `./script/watch.sh` during dev (unix only)
* run `./script/build.sh` before making a pull request
* make a pull request against the main repo referencing an issue if possible