Light

sergiovp / tic-tac-toe Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 365 KB

Tic tac toe game implementation using React + Next and Node + Express + MongoDB

License: GNU General Public License v3.0

JavaScript 1.21% TypeScript 95.19% CSS 3.60%

tic-tac-toe's Introduction

tic-tac-toe

Small project to play tic tac toe game versus IA. There are two difficulties: the easy one (random moves) and the impossible one 😈

Run the app

Clone the repository:

git clone https://github.com/sergiovp/tic-tac-toe.git

Go to root folder:

cd tic-tac-toe

Install Dependencies:

npm i

Run both, client and server:

npm run dev

Note 1️⃣: You can run both separately:

cd server && npm i && npm run dev

cd client && npm i && npm run dev

Note 2️⃣: There are sample environment files and you have the option of creating your own files to change ports, urls, etc.

Important note❗: To run the server, MongoDB must be installed locally. By default, the DB name will be tictactoe.

Run integration tests

npm run test

Main technologies used:

Back:
- Node
- Express
- MongoDB
Front:
- React
- Next

Some app screenshots 📸

tic-tac-toe's People

Contributors

Watchers

tic-tac-toe's Issues

Integrate the API in the front

Consume developed endpoints from the front.

Refactor useBoard custom hook

There is a lot of functionality in that hook, ithas to be refactored.

Note: Changes may have to be made to the back.

Implement basic front-end functionality

Implement main components, apply some styles and basic functionality.

NOTE: No API call needs to be implemented yet.

Implement integration tests for the backend

Some tests have to be implemented.

Backend basic structure

Develop the backend basic structure. DB integration is not needed for now.

This first user story is for the project setup; basic structure, installation of main frameworks to be used, etc. Nothing elaborate should be included, no algorithms, components or anything beyond a basic structure. This will be implemented later on.

In the front, React + Next will be used.

About the back, Node + Express + Mongo.

Implement database connection

Implement the DB connection in the back. The DB should be mongo.

Implement harder algorithm to choose move

Maybe a minimax algorithm is a good idea.

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.