Multiplayer TicTacToe Game developed using Flutter, Node.js, Express, MongoDB & Mongoose.

Overview

Multiplayer TicTacToe Game

A completely Responsive Multiplayer TicTacToe Game- Works on Android, iOS, Web & Desktop!

Features

  • Create/Join Room
  • Play Realtime
  • Display Points
  • Round & Game Winner
  • Responsive Glow Themed UI
  • Cross Platform Game

YouTube

I have created a tutorial based on this, do check it out on my channel Rivaan Ranawat

Youtube Tutorial Image

Installation

After cloning this repository, migrate to flutter-multiplayer-tictactoe folder.

Install dependencies (Client Side)

flutter pub get

Install dependencies (Server Side)

cd server && npm install

Start the server

npm run dev

Configure for MacOS: Head to macos/Runner and make sure the following keys are present in DebugProfile.entitlements and Release.entitlements

<key>com.apple.security.network.server</key>
<true/>
<key>com.apple.security.network.client</key>
<true/>

Run App

flutter run // After selecting the device you want to test on

Tech Used

Server: Node.js, Express, Socket.io, Mongoose, MongoDB

Client: Flutter, Provider

Feedback

If you have any feedback, please reach out to me at [email protected] or on Instagram at optimalcoding.

You might also like...

Bhagavad Gita app using flutter & Bhagavad-Gita-API is A lightweight Node.js based Bhagavad Gita API [An open source rest api on indian Vedic Scripture Shrimad Bhagavad Gita].

Bhagavad Gita app using flutter & Bhagavad-Gita-API is A lightweight Node.js based Bhagavad Gita API [An open source rest api on indian Vedic Scripture Shrimad Bhagavad Gita].

Gita Bhagavad Gita flutter app. Download App - Playstore Web Application About Bhagavad Gita app using flutter & Bhagavad-Gita-API is A lightweight No

Apr 5, 2022

A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node.

A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node.

flutter_tv_autofocus A new Flutter widget that add support for AndroidTV app. Using keyboard to control focus node. Getting Started Wrap your flutter

Aug 18, 2022

NearTurf is a turf booking app that helps you find the best turf near you and book more slots. Created by using flutter , Node js

Near Turf A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Oct 26, 2022

Firebase dart common interface and implementation for Browser, VM, node and flutter

firebase.dart Firebase dart common interface and implementation for Browser, VM, node and flutter Firebase Initialization Usage in browser import 'pac

Nov 28, 2021

(Full-stack) Fully functional social media app (Instagram clone) written in flutter and dart with backend node.js and Postgres SQL.

(Full-stack) Fully functional social media app (Instagram clone) written in flutter and dart with backend node.js and Postgres SQL.

Photoarc A Fully functional social media app written in flutter and dart using node.js and Postgres SQL as backend. Backend Repository Demo Download t

Jan 5, 2023

🌰🌰 [BLOC_PATTERN] [RXDART] [STREAM] πŸ„πŸ„ Simple auth app flutter, server node.js, BLoC pattern, RxDart 🍁🍁 Functionalities: LOGIN, REGISTER, CHANGE PASSWORD, CHANGE AVATAR, FORGOT PASSWORD. Pure rxdart BLoC pattern. BLoC pattern without library.

🌰🌰 [BLOC_PATTERN] [RXDART] [STREAM] πŸ„πŸ„ Simple auth app flutter, server node.js, BLoC pattern, RxDart 🍁🍁 Functionalities: LOGIN, REGISTER, CHANGE PASSWORD, CHANGE AVATAR, FORGOT PASSWORD. Pure rxdart BLoC pattern. BLoC pattern without library.

node_auth #node-auth-flutter-BLoC-pattern-RxDart ❄️ ❄️ BLoC pattern rxdart stream πŸ‹ πŸ‹ Simple auth app flutter, server node.js, BLoC pattern, RxDart

Dec 29, 2022

Official Sonr Blockchain Node implementation with Frontend Clients to access Wallet.

Sonr Blockchain Sonr-Chain is a blockchain built using Cosmos SDK and Tendermint and created with Starport. Get started starport chain serve serve com

Dec 29, 2022

This project is a rebuild of the existing movie colony https://github.com/debbsefe/Movie-Colony. Here's also a link to the figma file https://www.figma.com/file/XpLFNEsROiN1z6lwnNHMrU/Movie-app?node-id=2956%3A10161

Tvfiy Generated by the Very Good CLI πŸ€– A Very Good Project created by Very Good CLI. Getting Started πŸš€ This project contains 3 flavors: development

Nov 12, 2022

Space Themed Turn-Based Strategy Game developed in Flutter

Space Themed Turn-Based Strategy Game developed in Flutter

Space Empires πŸ›Έ Introduction πŸš€ Space Empires A 4X Space themed Strategy Game made with Flutter Complete Rules and Instruction can be accessed from t

Dec 24, 2022
Comments
  • Getting this error after running

    Getting this error after running "npm run dev"

    Error: querySrv ETIMEOUT _mongodb._tcp.cluster0.rmhtu.mongodb.net at QueryReqWrap.onresolve [as oncomplete] (internal/dns/promises.js:167:17) { errno: 'ETIMEOUT', code: 'ETIMEOUT', syscall: 'querySrv', hostname: '_mongodb._tcp.cluster0.rmhtu.mongodb.net' }

    opened by sinhasaurabh3104 0
Owner
Rivaan Ranawat
Interested In App & Web Development. You can find tutorials of most of the projects I've coded if you visit the link below.
Rivaan Ranawat
Skribbl.io clone with Flutter, Node, Express and MongoDB (Mongoose)

Skribbl.io Clone This is the code for Skribbl.io Clone developed with Flutter, Node.js, MongoDB along with Mongoose! Youtube I have created a tutorial

Rivaan Ranawat 21 Dec 5, 2022
Multiplayer tictactoe game made in Flutter with nodejs and socket.io and using riverpod for state management

TicTacToe Game A Multiplayer TicTacToe Game- Works on Android, iOS and Web. Features Create/Join Room Play Realtime Display Points Round & Game Winner

Utsav Ghimire 5 Oct 18, 2022
Flutter Blog App with NodeJS Express MongoDB

Flutter Blog App with NodeJS Express MongoDB This app is developed to learn creating RestAPI and implementing in Flutter App. That's why the UI of thi

Waqar Ali Siyal 13 Oct 18, 2022
TicTacToe Using flutter. For both android and ios

mt_tictactoe A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Asim Sidd 3 Nov 27, 2022
Simple TicTacToe app with Flutter

Tic Tac Toe Getting Started This is a simple app created with flutter flutter packages get flutter run For help getting started with Flutter, view onl

Hadi Norouzi 39 Dec 27, 2022
Rock-Paper-Scissor-Game-Using-Dart - This is a repository of Rock Paper Scissor Game which I developed while learning Dart.

Rock-Paper-Scissor-Game-Using-Dart This is a repository of Rock Paper Scissor Game which I developed while learning Dart. The main.dart file consist o

Nitin Varma 0 Jan 4, 2022
Socket library for creating real-time multiplayer games. Based on TCP, with the ability to send messages over UDP (planned).

Game socket The library was published in early access and is not stable, as it is being developed in parallel with other solutions. English is not a n

Stanislav 10 Aug 10, 2022
πŸ†πŸ₯‡ Tiaco : Online Multiplayer is one of the best puzzle games in the market. πŸ₯‡πŸ†

Important!!! Logo was generated by dall e 2 ?? ?? Tiaco : Online Multiplayer is one of the best puzzle games in the market. ?? ?? [Pull Request's are

Naser 2 Sep 22, 2022
Mongodb Client w/ Flutter

Goals Of This Project Providing a mongodb client for mobile devices. (Like official desktop client Mongodb Compass) Supporting crud operations and bas

Ahmet YÜREKLİ 10 Oct 27, 2022
Flutter-Musive-app - Full-stack music player app written in flutter and dart using node.js music API

Musive Full-stack music player app is written in flutter and dart using node.js

Ansh rathod 69 Dec 28, 2022