Demo application (tic-tac-toe game and more) built with Web Components, with progressive enhancement.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Inga 🏳‍🌈 3c4d35544b renamed repository 2 days ago
src very basic offline gaming capabilities on frontend 3 days ago
.gitignore initial npm project structure, linting / ts 5 days ago
.prettierrc improved formatting (line width set to 120) 5 days ago
LICENSE Initial commit 5 days ago
README.md implemented frontend part of progressive form and trackers 4 days ago
eslint.config.js implemented generic solver tests; extracted tictactoe-specific solver tests to integration tests file 5 days ago
package-lock.json implemented backend part of progressive form 4 days ago
package.json renamed repository 2 days ago
tsconfig.build.json implemented frontend part of progressive form and trackers 4 days ago
tsconfig.json implemented backend / frontend structure 4 days ago

README.md

Assignment

Source: https://www.programmfabrik.de/en/assignment-frontend-backend-developer-job-berlin/

Code a tic-tac-toe game

Depending on the job you are applying for, you can code in Javascript (ECMA) or C++.

Requirements

  • Use your own code only and start from scratch
  • Player can choose the opponent to be human or computer
  • Use [L]GPL'ed libraries if necessary, please include copyright notes
  • Let us know how long it took you to code the game

JavaScript version

  • Implement in Javascript so that it works in Mozilla Firefox
  • Make use of CSS, provide nice visuals
  • Make the back button work

C++ version

  • Implement in C++, so that i works on the command line under Linux
  • The opponent has to be unbeatable

Solution

Time spent

  • ~0.5 hours to set up the project;
  • ~5 hours to implement game board serialization, tic-tac-toe rules and game solver (with tests);
  • ~1 hour to set up the backend / frontend structure with JSX templating and static resources;
  • ~2 hours to implement progressively enhanced form and query string value trackers (both on backend and in web components);
  • ...