Giter Club home page Giter Club logo

fidget's Introduction

Sequence : A Fidget Game

If you’re anything like me you might have a hyperactive mind. I find my mind stays more engaged when I perform simple mechanical tasks in the background while I’m watching talks, listening to podcasts or doing anything that doesn't require my full attention.

Fidget is designed to key into that, it displays a direction, and you simply push the corresponding arrow key. It tracks your score and allows you to stay honed in on whatever you're learning about.

View the live page here: https://joel-oe-lacey.github.io/fidget/

Screenshot

Development

This project is React based, it is set up with Redux for global state management to allow for future extension. Keystroke detection and dynamic display are achieved through React Hooks.

As this was quickly put together, I aimed at a few specific learning goals and basic MVP generation. I used the opportunity to play around with keystoke detection and some conditional styling points, as well as diving into custom hooks.

Future Iterations

Given the limited time this was developed in there are several points where the UX/UI could be improved:

  • Transition animations and visual indication would add some additional flair.
  • I would like to add more features such as score multipliers, and a shop.
  • I would also like to add error tracking, and streak tracking.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.