Inspired by Code in the Dark, this repository provides a simple yet fully-working solution for your own contest in HTML+CSS blind coding. You can use your favorite editor and share your progress live in index.html thanks to tunneling so the audience can watch multiple contestants on the projector.
Auto-saving option is recommended to automatically refresh the browser. Currently, configuration for vscode is included.
Code in the Dark is a front-end (HTML, CSS) competition, ..., where each contestant compete to implement a website design given only a screenshot. The catch is that no previews of the results are allowed during the implementation, and no measuring tools can be used. The winner is decided by the audience.
- clone this repository and install dependencies
npm i - open your editor and be sure auto-saving is enabled
- start tunneling with:
npm start- share your tunnel urlnpm start <my-custom-name>- share your tunnelhttps://<my-custom-name>.localtunnel.me
- open
index.html(and don't leave the editor 😆) - start coding!
- (optional) when time runs out push your code to the new branch
Have a look here https://romanvesely.com/code-together-and-have-fun/#setup-and-technical-aspects.
Browsersync needs <body> tag during initial request to inject script responsible for site refresh. Also, your editor comes with snippets functionality anyway.
No. Only the content of your index.html file (and any CSS file in case you create some).