Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohammad-al-refai/tic-tac-toe-full-stack
https://github.com/mohammad-al-refai/tic-tac-toe-full-stack
Last synced: about 7 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/mohammad-al-refai/tic-tac-toe-full-stack
- Owner: Mohammad-Al-Refai
- Created: 2024-09-01T12:20:03.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T20:37:48.000Z (2 months ago)
- Last Synced: 2024-09-15T05:09:58.105Z (2 months ago)
- Language: TypeScript
- Homepage: https://tic-tac-toe-rmph.onrender.com/
- Size: 189 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tic Tac Toe ✖️⭕
[demo](https://github.com/user-attachments/assets/82a60580-8c07-47bd-a76a-fdfd5e4ef3c5)
## Backend
### Tech Stack
* Language:
* [Kotlin](https://kotlinlang.org/)
* Build Tools:
* [Gradle](https://gradle.org)
* Database:
* [PostgreSQL](https://www.postgresql.org)
* [Postgres R2DBC Driver](https://mvnrepository.com/artifact/org.postgresql/r2dbc-postgresql)
* Framework:
* [Spring 6.x/Spring Boot 3.x](https://spring.io)
* [Spring Data R2DBC](https://spring.io/projects/spring-data-r2dbc)### Initialize database
* Create database with name `tic-tac-toe` then make sure it works on port 5432
- Set the PostgreSQL user name in `spring.r2dbc.username` and the password in `spring.r2dbc.password` in application.properties in the resource folder### Run project
```bash
./gradlew bootRun
```### Build
#### Docker
```bash
docker build -t tic-tac-toe . & docker-compose up
```#### Gradle
```bash
./gradlew build
```## Frontend
### Tech Stack
* Language:
* TypeScript
* Build Tools:
* Vite
* Framework:
* React### Install dependencies
```bash
yarn install
```### Run project
Make sure to change the URL in `frontend\src\game\gameViewModel.ts`
```
const WS = "ws://{your_device_ip}:8080/ws";
```Then Run:
```bash
yarn dev --host
```### Build
```bash
yarn build
```