/Simple_JS_Simulations

Simulations of things I find interesting like Google Foobar Challenge, Stranger Things Wall Scene, Enigma Machine(simple version) using HTML, CSS(and Python only for Foobar). Live demo at my Codepen linked below

Primary LanguageHTML

Simple_JS_Simulations

  1. Stranger things wall


    Live demo : https://codepen.io/Suchandra_Datta/pen/xxbEQdJ


    mediu Type words in the input field and the message is shown by turning on and off the Christmas lights Stranger Things style. Learnt Promises, Async/Await, how to make Christmas lights using CSS







2. Enigma Machine Simulation(Simple with only 3 rotors)


Live demo: https://codepen.io/Suchandra_Datta/pen/xxGzwYQ



enigma

3.Simulating the foobar challenge

Tried to make a simplistic simulation of the foobar coding challenge. HTML5, CSS3 and Vanilla js used for designing the terminal like frontend. List of commands is shown. The up and down arrow keys can be used for going through the previous commands keyed in, much like what happens in a real terminal. After all questions listed are solved, they are submitted via file upload. A Node express app is set up. The file uploaded is got hold of using multer middleware. A copy of the file is made server side. Using child-process module, a new process is spawned that's used to execute the file via Python. The output of the program is got and compared in Nodejs to the solutions. Program outputs and solutions kept simple but will be changed appropriately later. Depending on output, scores are given and saved in a file.

pic1

Ofcourse this is just for purpose of practicing stuff in a fun way. No idea what the real foobar challenge looks like.