Project: Progression Game

I had an idea for a "game". The idea didn't seem fun in my head. The idea was to just make a way to progress through different screens or states of a minimalist UI. If I could make that, then I'd proceed to make a different minimalist UI with a similar theme, to vary the method of progress. I knew this description was obnoxiously vague, but instead of attempting to describe it I wanted to move forward to programming it.

Game

Stage 1 - Step 1 (Begin) Stage 1 - Step 2 Stage 1 - Step 3 Stage 1 - Step 4 Stage 1 - Step 5 Stage 1 - Step 6 Stage 1 - Step 7 Stage 1 - Step 8 (You win!)

export const Button = ({ children, classes, ...rest }) => <button class={cpnt-button ${classes}} {...rest}> {children}

export const Stage1Button = ({ children, classes, first, last, ...rest }) => <Button classes={${!first && "hidden"} ${classes}} _={${last ? "on click hide me then remove .hidden from next <div />" : "on click hide me then remove .hidden from next <button />"}} {...rest}> {children}

export const Stage2Button = ({ children, ...rest }) => <Button _={on click hide the closest <div /> then remove .hidden from next <div />} {...rest}>{children}

Logbook

Sat Dec 9 08:17:59 PM PST 2023

I played with some ways to progress with the click of a mouse.