a collaboratively editable visual cardboard for Coding Berlin. Add your own card now and give us a PR to see it live. You only need node/npm >= 6 (Use NVM if you're new to node!).

The production app runs here: https://cbzw.herokuapp.com

Clone / fork the repo (it's all about the pull requests!). Then (obvious):

npm install

./scaffold.js <your name>

creates a new folder containing your basic code in src/<your name>.

Edit everything you like inside that folder, be creative! Declare all your styles inside the base scss class (.). Your js file should only export the Card class that we have scaffolded. But you're completely free to add as much code as you want.

npm run watch

which starts webpack-dev-server. Alternatively let webpack create real assets and watch them. Then run the server on your own (this is how the production app works):

webpack --watch --config webpack.dev.js
npm start

If you're done: commit, push and open a pull request.

• Webpack module bundler
• es6 (import, promise, Features)
• SCSS
• Cash DOM as jQuery dropin.
• use the Fetch API and its promise interface for remote calls

Note that calls to remote APIs will most likely be restricted by CORS headers. If you want to proxy an API request, implement that proxy in expressjs first (request it!). Note that you should never disclose your private API keys. Add them as Heroku environment variables instead and inform the maintainer to add them to the app's environment / app.json.

• display tweets
• display weather data
• display a chart / cryptocurrency exchange rate
• display the next meetups in Berlin
• embed a sound file
• implement xeyes
• show a fortune cookie
• add some fancy animation