Skip to content

All personal projects

01-displayer

A GraphQL-based profile dashboard built with Next.js.

01-displayer is a GraphQL-based project made with Next.js. It receives information from the Reboot learning platform and displays it as a personal dashboard.

Gallery

The 01-displayer dashboard in the red theme: user information, audit ratio bars, a notebook, a user-levels bar chart and a game heatmap as retro grey windows over a taskbar. — The dashboard, red theme, with demo data

The same dashboard in the teal colour theme. — Teal theme

The same dashboard in the purple colour theme. — Purple theme

The same dashboard in the green colour theme. — Green theme

The same dashboard in the orange colour theme. — Orange theme

The user information window at full size, showing a demo username, name, audit ratio, total XP, module level and last completed project. — User information

The notebook window at full size with a few lines of demo notes. — A notebook that saves between visits

The audit ratio window at full size, a bar chart comparing done and received audits. — Audit ratio chart

The user-levels window at full size, a bar chart of how many users sit at each level. — Level distribution

The game info window at full size, a heatmap of attempts per game and level. — Game attempts heatmap

The taskbar colour picker open, a small window with five colour swatches. — Choosing a colour theme

A Minesweeper window at full size with a few cells revealed. — A Minesweeper window built into the desktop

The sign-in dialog with a demo username and a masked password filled in. — Sign-in

The sign-in dialog showing an invalid-credentials error under the password field. — Sign-in error

Next experiment

LPS