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

Inga 🏳‍🌈 e822191944 css for prettier game board		4 days ago
src	css for prettier game board	4 days ago
.gitignore	initial npm project structure, linting / ts	7 days ago
.prettierrc	improved formatting (line width set to 120)	6 days ago
LICENSE	Initial commit	7 days ago
README.md	implemented frontend part of progressive form and trackers	5 days ago
eslint.config.js	implemented generic solver tests; extracted tictactoe-specific solver tests to integration tests file	6 days ago
package-lock.json	implemented backend part of progressive form	6 days ago
package.json	renamed repository	4 days ago
tsconfig.build.json	implemented frontend part of progressive form and trackers	5 days ago
tsconfig.json	unified button logic between backend and frontend	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);
...