Skip to main content
Background Image

Chess arbiter's portal

Michal Valko
Author
Michal Valko
Table of Contents

Overview
#

📋 Type: Web Development
👤 Client: Arbiter's committee of the Slovak Chess Federation
👥 Team: 1 developer

A specialized web application bundled with a website, that will serve the purpose of the Slovak chess federation’s (https://chess.sk) Arbiter’s committee. It will serve as a hub for providing information to the arbiters, educating new arbiters and also administer the arbiter exams.

Key Features
#

🎯 Core Functionality
#

  • Hub for information: Easy access to all the documents, events and tutorials necessary for the function of chess arbiters in Slovakia.
  • Examinations made easy: Removing the need for paper tests and providing a mix of questions with automatic correcting. Using constrain satisfaction argorithms to optimize tests for balanced distribution of categories and difficulty levels.
  • Desktop and mobile friendly:

Current state of the project, Future expansions.
#

Current State: The project is currently in active development with core functionality implemented including test creation and administration, practice exams and question browsing, static information.

Next steps:

  • Management part of the website, including the authentication, comprehensive exam creation and result display, management of documents and articles
  • Reimagine frontend styling of some pages
  • Pre-set tests alongside algorithm generation

Technologies Used
#

Frontend
#

  • Angular: Modern frontend framework for building web applications
  • Tailwind CSS: Utility-first CSS framework for rapid UI development and consistent design
  • HTML5 and TypeScript: Structure and dunctionality of Angular components

Backend
#

  • Node.js: JavaScript runtime for server-side development
  • Express.js: Fast, unopinionated web framework for Node.js
  • MySQL: Relational database for storing tournament data, player information, and match results
  • JWT Authentication: Secure token-based authentication system
  • RESTful API: Clean, standardized API endpoints for frontend-backend communication

Tools & Services
#

  • Git: Version control for collaborative development
  • Figma: UI/UX design
  • Docker: Deployment of web servers.

Gallery #

Landing page with mockup data for now
Landing page with mockup data for now
Education page with mockup data
Education page with mockup data
A multiple choice question without a picture
A multiple choice question without a picture
As you can see, the test view still needs to be optimized for mobile devices
As you can see, the test view still needs to be optimized for mobile devices
An open-ended question with a picture
An open-ended question with a picture
Test creation using CSP, frontend is non-existent, but the algorithm works :)
Test creation using CSP, frontend is non-existent, but the algorithm works :)

Conclusion
#

This chess arbiter’s portal project has been, and still is an incredible learning experience. I am determined to finish it with all the features the client would like to have there and surprise even myself with the final product.

Related

Website for a church