Git Product home page Git Product logo

colorquest's Introduction

Hey there, I'm Matheus "Set" Inacio! ๐Ÿ˜ฌ

I am a developer, currently working mostly with TypeScript.

I also have a strong passion for gaming and game development and have studied C# and Unity in the past, after dropping my previous career as a high school tutor.

Currently at Sitemate, working to revolutionize the construction industry through technology.

If you want to get in contact with me, you can do so through my LinkedIn or Twitter.

colorquest's People

Contributors

matheusinacio7 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

colorquest's Issues

[UI] Better logo and favicon

Currently the "logo" is literally just the title and the favicon is Vercel default favicon from Next.

We need a better logo, and, by extension, a favicon.

[UI] In-game FAQ

The FAQ is part of the wireframe but is not implemented yet.

It should be implemented before launch.

[Usability] Local storage

Currently there is no persistent data. We need local storage for persistent user data.

Data that needs to persist:

  • User level
  • User rank
  • User current experience
  • User current streak
  • Current draw
  • Current game status
  • Current configuration (not next)

The user should also be able to:

  • Clear all local storage from within the game

[UI] Add load screen to mask flickering

Currently, the game flickers when it is loaded at first as the localStorage values are checked and applied.

A brief load screen while the components are being mounted would solve this issue, or a lifecycle that only renders after the components are done retrieving the values.

[UI && Optimization] Various quick fixes needed

  • There should be a small indication that there is content under the fold, as suggested on the Wireframe.
  • Grammar error on the phrase "Changes only apply on the next draw", should be "starting on"
  • There is some mess on the code remaining from the early attempts to adapt the layout to the desktop. Styling is an object on the exp bars. This isn't needed anymore.
  • The professional email [email protected] is already available, so it should be noted on the "contact" section of the FAQ.

[Backend] User authentication and basic data

Currently there is no persistent data storage.

Soon, the only persistent data storage will be the browser local storage.

We should have a barebones backend to hold, at least:

  • Username and password
  • Current draw
  • Current exp, level and streak
  • Current rank

[Clean Code] Use global Dictionary

Currently each component that is using the Dictionary class is importing it individually.

All components should use just one single Dictionary, which should available through the global GameContext.

  • Create global Dictionary in Game Context
  • Remove from the following components:
    • Info.tsx
    • Game.tsx
    • RankUp.tsx

[Social] Sharing on social media

Allow players to share level up screens, rank up screens, as well as snapshots of current progress.

Minimum is twitter and png file, but ideally they should also be able to share on Instagram/Facebook stories, snapchat, WhatsApp and Telegram.

[UI] Add variety to messages

Currently messages are static. They should be dynamic and semi-random in order to add variety to the game.

Places that need dynamic messages:

  • Win game
  • Lose game
  • Level up message and button
  • Rank up message and button

If this is resolved before #22 , it should be added to the list of places that need to use the Global Dictionary.

[Tests] We should have them

There are currenlty no tests.

We should have some, especially for user interface, probably using Cypress.

This is of utmost importance if contributions start flying in.

[UI] Configuration screen

Currently, configuration (mode, difficulty) can only be changed manually via dev tools. There should be a screen for that, by flipping the main portion when the cogwheel button is clicked.

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.