Demo application (tic-tac-toe game and more) built with Web Components, with progressive enhancement.

Inga 🏳‍🌈 f96447c8d1 code reorganized		2 weeks ago
src	code reorganized	2 weeks ago
.gitignore	initial npm project structure, linting / ts	2 weeks ago
.prettierrc	improved formatting (line width set to 120)	2 weeks ago
LICENSE	Initial commit	2 weeks ago
README.md	implemented frontend part of progressive form and trackers	2 weeks ago
eslint.config.js	implemented generic solver tests; extracted tictactoe-specific solver tests to integration tests file	2 weeks ago
package-lock.json	implemented backend part of progressive form	2 weeks ago
package.json	implemented backend part of progressive form	2 weeks ago
tsconfig.build.json	implemented frontend part of progressive form and trackers	2 weeks ago
tsconfig.json	implemented backend / frontend structure	2 weeks 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);
...