Code Monkey home page Code Monkey logo

quarante's Introduction

Hi there πŸ‘‹

I'm a 24yo πŸ‡«πŸ‡· full stack developper !

πŸ€ I like to play to VR games and poker, I also like hiking, skiing and coding
πŸ”­ I’m currently working on sQuiz.gg
🌱 I’m currently learning Threejs for fun, but I'm using and learning these technologies in my projects:

quarante's People

Contributors

m4gie avatar

Stargazers

 avatar

Watchers

 avatar

quarante's Issues

footer

Add a footer to join our discord πŸ”₯

Game Status

Create a game loop with these status:

  • Wait players at the beginning => Waiting
  • Players can play => In progress
  • Display winner(s) => Ended

Restart the game after Ended status

Rework timer

The current progress bar is using a timer library πŸ™… React Animated provide a timing method πŸ’―
Let's use a coherent color for this timer ! πŸš€

Duplicated player

To reproduce:

  • Join a game, leave it, join it again

Use socket id for the map key in the front

Github icon

Add the Github icon in the client footer, when the user click on this icon it should open the github repository main page

Github icon

Create home card

Currently we use buttons to join rooms, we should use cards that include some information about the room :

  • Game icon (FontAwesome)
  • Game type (BlindTest, quizz...)
  • ThΓ¨me (Youtube, Culture...)

Form Errors

Display form errors, currently when there is an error with a field the error is not display

Disable form to add data

The form need to be redesign and adapt to handle quizz and blindtest data so we will temporaly disable it

Display timer

Display a timer when:

  • The game will start
  • The round is in progress

Max players

The server is currently running on a small VPS, we have to limit the number of players to keep the game working

Protect the API

Configure the API CORS and protect routes with authentication

Add prefix to answers

Is your feature request related to a problem? Please describe.
Answers should have a prefix (determiners) when it's displayed.

Describe the solution you'd like
Answers should be displayed like that:
ComtΓ© => Le ComtΓ©
When the server check the answer he should check with and without the prefix
A new column called prefix should be added in the answers table

Allow players to set pseudo

  • Add a login page with a pseudo input
  • Pseudo maxLegnth: 16, MinLength: 3
  • Store the pseudo with AsyncStorage
  • Check if the user is already connected

Add leaderboard

Create a leaderboard for rooms

  • See all players in the room
  • See score
  • Can be use on mobile and desktop

Add sounds !

Handle sounds

  • Auto play the sound at the beginning

Mobile UI/UX

  • Change status bar color to white
  • Input doesn't fit in the screen
  • center the game answer

Add quizz game mode

  • Create a new class for the quizz game in the server
  • Display questions in the client

Update API packages

Describe the bug
API package have to be updated !

Expected behavior
A working API :)

Screenshots
image

On player find the answer

Play a cool sound (only for the player), put it's name/card in a different color (for all players) and maybe remove his input

Responsive input

Currently the input is not responsive. Also remove the outline could be great !

Routing

Create a file for routes instead of the auto generated routing url

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.