Software Frontend Engineer - DECOUVAIRTE (Freelance)

Co-developed an aeronautics-themed board game as a web application for desktops and tablets. This project was carried out in collaboration with Paris Airport and Air France, aiming to provide an interactive and engaging experience for users.

About the project

Designed the visual identity and created the graphic style guide for the game using Figma, outlining the visual resources, game board layout, and main menu. Developed the web application with React.js, implementing the main menu, lobby, game board, notifications, Q&A display, scoring system, and more. Established real-time connectivity using socket.io to synchronize players, game time, and scores. Configured the application to run on a local machine with a private Wi-Fi network, allowing tablets to connect to the server for multiplayer functionality. Developed an API to handle game data, particularly the question-and-answer system. Created a statistical report to analyze player performance and engagement metrics.

Technologies used

React.js
Socket.io
Figma (for design)
Tailwind CSS
Node.js
REST API
See the project onlineSee the code source

Challenges and Solutions

Challenges

  • Designing a game interface that could smoothly transition between desktop and tablet devices
  • Implementing real-time synchronization for multiple players using socket.io
  • Setting up a private network to enable multiplayer gameplay on connected devices

Solutions

  • Designed the game board and user interface in Figma to ensure consistency across devices
  • Used socket.io to synchronize player interactions
  • game time
  • and score updates in real time
  • Configured the project to function on a local server with a private Wi-Fi network
  • facilitating multiplayer gameplay across connected devices
  • Built a custom API to manage game logic and data for the question-and-answer system

Interested in this project?

Don't hesitate to contact me to discuss or to see other projects similar to this one.