Client-Web - Remote Chess Experience

This product emerged as part of the project “Once a pawn a time…“ at CODE University of Applied Sciences, Berlin.

Motivation and background

Our vision is to enable enjoyable remote chess games for both parties.

Due to the high amount of requests to explain the project, we decided to create a landing page, which also acts as the hub to use our services. This website informs people of interest, e.g. the CODE community, the MotionLab community, about the services and technological functionality of this project. Simultaniously, visitors can start remote chess games.

The landing page serves as a project to demonstrate general knowledge of web-development, front-end technologies. The development requires a general understanding of HTML, CSS, JavaScript, and relational databases, as well as sketching a user friendly website.

This webpage was created using the Sveltekit framework for increased performance and code quality.

The team

We are software engineering students at Berlin CODE University of Applied Sciences. - Maximilian Arnold - Project Owner - Image Recognition - Paul Bückhard - Physical Interfaces - Board Client - Noah Frank - 3d design - Robotics - Jorge Guedes - Robotics - Physical Interfaces - Florian König
- Web-Client - Frontend - Backend - CI/CD - Péter Winkler
- Robotics - Physical Interfaces

Contribution

This project is maintained by members of the CODE project “Once a pawn a time…“.

Citation

To cite the project click the citation widget to the right. The CITATION.cff file contains the APA style citation.

Get in touch

Shoot us an email at mail@pawn-hub.de or use the contact form on our website.

Project Structure

Developing

1. Install dependencies using npm i
2. Start the dev server and open in a new browswer tab using npm run dev -- --open
3. Have fun! Take a look at the SvelteKit docs and the Tailwind docs.

Using a Local Backend

Follow the instructions in the backend repository to run it locally.

When running a dev server, a Use Local Server checkbox is available on the /play page. Otherwise, enable the checkbox on /play/debug. This also works on the deployed version.

Building

Preview the production build using npm run preview. Or create a production build: npm run build.

Deploying

Netlify Build continously deploys the app to Netlify, so you don't have to worry about anything. You can preview deploys by visiting [branch]--pawnhubchess.netlify.app or deploy-preview-[PR#]--pawnhubchess.netlify.app.