Git Product home page Git Product logo

tic-tac-toe-v3's Introduction

Jogo da velha Versão 3

Nesta versão, temos uma repaginada no visual, organização de código, armazenamento de informações via banco de dados.

O intuito desse projeto foi aprimorar os conhecimentos em Javascript, AngularJs e Bootstrap principalmente, que são as ferramentas que utilizo no meu serviço e tinha dificuldade. Desenvolvi esse projeto utilizando HTML, CSS e JavaScript no frontend, e no backend utilizei PHP e My SQL. Como o foco desse projeto era conhecer um pouco melhor o Bootstrap e aprimorar as minhas skills em JS, utilizei como framework's o Bootstrap e o AngularJS.

Desenvolvi nesse game com opção de um ou dois jogadores, três opções de dificuldade de jogo no modo single player, sendo:

  • Fácil: Essa dificuldade é totalmente randômica, sem estratégias de defesa ou ataque elaborado.
  • Média: Aqui, as jogadas já são mais estratégicas, sempre antes de jogar uma sequência estratégica, o sistema de defesa irá tentar te impedir de ganhar.
  • Difícil: Por aqui as jogadas ja são bem mais estratégicas, tendo o mesmo sistema de defesa da dificuldade média, porem antes de se defender, ele vai validar se ele consegue ganhar. Caso não consiga ganhar, vai ver se consegue se defender, se não tiver jogadas de defesa, cairá em uma sequência lógica.

Em uma versão futura, pretendo colocar testes unitários, rotas do backend pelo Slim, melhorar a inteligência artificial, colocar os alerts em JS para modais e opção multi-player via rede.

Como usar:

  • Para criar a base de dados e as tabelas necessárias tem um arquivo com as queries em alters/alters.sql onde você pode copiar as queries e executar em seu bando de dados.
  • Alterar o valor das constantes relacionadas ao banco de dados contidas no arquivo config.php na raiz desse projeto.
  • Alterar o caminho do seu diretório em assets/js/config/configs.js
  • Rodar os comandos composer update e npm update na pasta do projeto para atualizar as bibliotecas.
  • Para rodar os testes, usar o comando karma start na raiz do projeto.

Quer ver funcionando?

Basta clicar aqui.

Principais bibliotecas

  • AngularJS Routes
  • Font-awesome
  • Bootstrap 5
  • AngularJS
  • Jasmine
  • Karma
  • Kint

tic-tac-toe-v3's People

Contributors

jhon-henkel avatar

Stargazers

 avatar

Watchers

 avatar

tic-tac-toe-v3's Issues

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.