Browser-based HID-USB gaming peripherals configurator

Browser-based HID-USB gaming peripherals configurator

Customer

Client

Premium Lifestyle and Gaming Peripherals manufacturer
Project type

Project type

Web application that allows users to connect and configure gaming peripherals (keyboards)
Technology

Technologies, frameworks, and integrations

Platforms: Platform-independent
Tech Stack: Angular 2.x, Angular material framework, WebHID API, USB
Developex team

Project tools

Atlassian products (Jira, Confluence, Bitbucket), Figma, Slack, and meeting tools
Developex team

Project management methodology

Agile Scrum
Developex team

Project duration

5 months
About...

About

The project was about implementing modern, lightweight, full-featured software that runs from the browser with no installation needed.

The software supports gaming keyboards and allows users to customize lighting keybinds, and create different profiles from the browser, and store settings in the onboard memory of the keyboards. The software is compatible on PCs with Chromium-based browsers like Chrome, Microsoft Edge, Brave, and Opera.

Project challenges we successfully overcome

  1. Short timeline and very dense development.

    Solution:
    • Good planning. At the project start, we split the scope into the maximum number of parallel threads. So we had a 4 dev team – Tech Lead and 3 developers. The Tech Lead was responsible for high-quality architecture development at the project start.
    • QA was involved in the early stages of the project.
    • Close management and frequent demos and feedback from the Client provided control and necessary and quick correction of the intensive development process.

  1. High standards in GUI design as a requirement.

    Solution:
    • Detailed analyses of the design references from the Client, testing close competitors’ software, mood board from the Client.
    • Development of the UI/UX design step by step, gathering feedback, and adjusting the design so it completely covers the requirements and Client vision.

  1. Keyboard lighting

The interesting task was to implement animations of keyboard lighting effects on the UI. Animations had to look the same as on the real keyboard and on the UI view of the keyboard on the web page.Keyboard lighting

Main features that Developex was responsible for

  • Software implementation from scratch.
  • Web-based HID-USB gaming peripherals configurator with no installs, no processes running in the background, and no forcing the user to create a log in.
  • Implementation of settings for lighting effects for the main keyboard and its side panels.
  • Implementation of animations for lighting effects and custom settings such as brightness, speed, and choosing custom colors.
  • Possibility to configure key actions and remapping for the base keyboard layer and FN layer.
  • Up to 10 profiles, with the ability to import/export profiles as separate files.
Keyboard lighting

Project after-release support

Customer
The Developex team offers constant project after-release support to address any requirements or requests for possible improvements or fixes. We received a minimal amount of bugfix requests after the software’s public release.

Developex team

Customer

1x
Project
Manager

Customer

1x
Tech Lead

Customer

3x
Software developers

Customer

1x
QA

Customer

1x
Lead
Designer

Customer

1x
Designer

Customer

1x
DevOps

  • Project Manager’s primary role – we managed the project using Agile methodology, prepared tasks for the team based on requirements, participated in meetings and discussions with Client, prepared detailed roadmap and weekly status reports.
  • Tech Lead was responsible for architecture planning and development.
  • Software developer’s role was to implement functionality in a timely manner, risk reporting and resolving, and planning.
  • QA has been provided during the project development.
  • UX/UI Design has been created from scratch, presented to the Client, and approved for implementation.