├── .gitignore ├── Lift-Problem-Demo.mov ├── Lift-Simulation-Example.png ├── README.md └── src ├── css └── main.css ├── index.html └── js └── main.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | 9 | # Diagnostic reports (https://nodejs.org/api/report.html) 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 11 | 12 | # Runtime data 13 | pids 14 | *.pid 15 | *.seed 16 | *.pid.lock 17 | 18 | # Directory for instrumented libs generated by jscoverage/JSCover 19 | lib-cov 20 | 21 | # Coverage directory used by tools like istanbul 22 | coverage 23 | *.lcov 24 | 25 | # nyc test coverage 26 | .nyc_output 27 | 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 29 | .grunt 30 | 31 | # Bower dependency directory (https://bower.io/) 32 | bower_components 33 | 34 | # node-waf configuration 35 | .lock-wscript 36 | 37 | # Compiled binary addons (https://nodejs.org/api/addons.html) 38 | build/Release 39 | 40 | # Dependency directories 41 | node_modules/ 42 | jspm_packages/ 43 | 44 | # TypeScript v1 declaration files 45 | typings/ 46 | 47 | # TypeScript cache 48 | *.tsbuildinfo 49 | 50 | # Optional npm cache directory 51 | .npm 52 | 53 | # Optional eslint cache 54 | .eslintcache 55 | 56 | # Microbundle cache 57 | .rpt2_cache/ 58 | .rts2_cache_cjs/ 59 | .rts2_cache_es/ 60 | .rts2_cache_umd/ 61 | 62 | # Optional REPL history 63 | .node_repl_history 64 | 65 | # Output of 'npm pack' 66 | *.tgz 67 | 68 | # Yarn Integrity file 69 | .yarn-integrity 70 | 71 | # dotenv environment variables file 72 | .env 73 | .env.test 74 | 75 | # parcel-bundler cache (https://parceljs.org/) 76 | .cache 77 | 78 | # Next.js build output 79 | .next 80 | 81 | # Nuxt.js build / generate output 82 | .nuxt 83 | dist 84 | 85 | # Gatsby files 86 | .cache/ 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js 88 | # https://nextjs.org/blog/next-9-1#public-directory-support 89 | # public 90 | 91 | # vuepress build output 92 | .vuepress/dist 93 | 94 | # Serverless directories 95 | .serverless/ 96 | 97 | # FuseBox cache 98 | .fusebox/ 99 | 100 | # DynamoDB Local files 101 | .dynamodb/ 102 | 103 | # TernJS port file 104 | .tern-port 105 | -------------------------------------------------------------------------------- /Lift-Problem-Demo.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Real-Dev-Squad/Lift-Simulation/454f201f246cfa87c6613e93a7995baeae2d34c3/Lift-Problem-Demo.mov -------------------------------------------------------------------------------- /Lift-Simulation-Example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Real-Dev-Squad/Lift-Simulation/454f201f246cfa87c6613e93a7995baeae2d34c3/Lift-Simulation-Example.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Lift-Simulation 2 | Create a web app where you can simulate lift mechanics for a client 3 | 4 | # UI Example 5 | ![Lift Simulation Example](Lift-Simulation-Example.png "Lift Simulation Example") 6 | 7 | # Requirements 8 | 1. Have a page where you input the number of floors and lifts from the user 9 | 2. An interactive UI is generated, where we have visual depictions of lifts and buttons on floors 10 | 3. Upon clicking a particular button on the floor, a lift goes to that floor 11 | 12 | Milestone 1: 13 | - Data store that contains the state of your application data 14 | - JS Engine that is the controller for which lift goes where 15 | - Dumb UI that responds to controller's commands 16 | 17 | Milestone 2: 18 | - Lift having doors open in 2.5s, then closing in another 2.5s 19 | - Lift moving at 2s per floor 20 | - Lift stopping at every floor where it was called 21 | - Mobile friendly design 22 | -------------------------------------------------------------------------------- /src/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Real-Dev-Squad/Lift-Simulation/454f201f246cfa87c6613e93a7995baeae2d34c3/src/css/main.css -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Real-Dev-Squad/Lift-Simulation/454f201f246cfa87c6613e93a7995baeae2d34c3/src/index.html -------------------------------------------------------------------------------- /src/js/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Real-Dev-Squad/Lift-Simulation/454f201f246cfa87c6613e93a7995baeae2d34c3/src/js/main.js --------------------------------------------------------------------------------