Code Monkey home page Code Monkey logo

literaki's Introduction

GitHub stats

literaki's People

Contributors

patrycja20 avatar zielonybuszmen avatar

Stargazers

 avatar

Watchers

 avatar  avatar

literaki's Issues

Backendowe prace

W backendzie dużo do pracy nie ma.

Warto zrobić:

  • możliwość wrzucania kodu na heroku

Na dokładkę

  • testy jednostkowe
  • raporty pokrycia kodu w readme, wykonywanie automatycznie testów przy pushu, itp

Podsumowanie w ilości linii kodu

  • Kod backendowy (python): 532 linii kodu
  • Kod frontendowy (js + css + html): 658 linii kodu
    • Js: 565 linii kodu
    • css: 160 linii kodu
    • html: 18 linii kodu
  • Razem: 1190 linii kodu

Frontendowe prace

We frontendzie trzeba zrobić:

  • - wyświetlanie literek, które wpisał dany gracz (tylko aktualny gracz)
  • - wyświetlanie komunikatu (prawy górny róg) i blokowanie wpisywania liter, gdy drugi gracz się rozłączył
  • gdy ktoś wpisze literkę, to można ją podświetlić na ułamek sekundy rozbłyskiem

Dodatek do README.md

Rozgrywka

Literaki to dwu-osobowa gra, która polega na zgadywaniu przysłowia z wylosowanej kategorii.
Pierwsza osoba, która otworzy grę musi poczekać na dołączenie drugiego gracza. W zależności od postępów dostaje odpowiednie komunikaty:

obraz

Gdy dwóch graczy pomyślnie połączy się ze sobą, to tworzona jest między nimi nowa rozgrywka:

obraz

Na górze strony mamy belkę z dwiema informacjami - aktualnie rozgrywającą osoba i wylosowaną kategorią. Na środku strony mamy zakryte litery hasła, które w trakcie zgadywania będą systematycznie odsłaniane.

Na dole znajduje się belka z miejscem do wysyłania literek do przysłowia, informację o aktualnej rundzie oraz pole do wysyłania wiadomości do naszego rywala.
Każdy gracz może od razu odgadnąć hasło, wpisując całe przysłowie zamiast pojedynczego znaku.
Gdy hasło zostanie zgadnięte to każdy gracz dostaję o tym informację.

obraz

Dodatkowym udogodnieniem pozwalającym na komunikację między uczestnikami gry jest chat.
Po wysłaniu naszej wiadomości do drugiego gracza, jest ona wyświetlana w polu po prawej stronie wraz z informacją o nadawcy i czasem wysłania.

obraz

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.