MargeryOlethea / ClickTacToe

Group Project for FSJS P2 in Hacktiv8

Home Page:https://clicktactoe.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Click!TacToe: Real-time Tic-Tac-Toe with Friends

Engage in epic Tic-Tac-Toe battles with your friends in this fast-paced and social game!

Challenge your buddies, create private rooms with passwords, or jump into public rooms for instant competition. Climb the leaderboards, strategize your moves, and claim victory!

Get In the Game

  • Play Now! Click!TacToe Demo: Create an account and personalize your experience.
  • Register & Login: Create an account and personalize your experience.
  • Host or Join: Choose your battlefield, public or private, and let the games begin!

Features

  • Real-time Battles: Instant response, zero lag, pure competitive fun.
  • Social Play: Connect with friends, challenge rivals, and dominate the leaderboards.
  • Private Rooms: Password-protected games for exclusive battles with your crew.
  • Public Matches: Jump into open rooms and test your skills against new opponents.
  • Leaderboards: Climb the ranks, track your progress, and become the ultimate champion!

Built with

Backend

  • Node.js
  • Express.js
  • PostgreSQL & Sequelize ORM

Frontend

  • React.js
  • React Redux & React Router
  • Axios & Socket.io

Security

  • Bcrypt.js & Jsonwebtoken

Styling

  • Tailwind CSS & SweetAlert2

Deployment

Click!TacToe is deployed using Google Cloud Platform, Cloudflare, and Vercel.

Development Journey

Crafted in just two days during Hacktiv8, Click!TacToe showcases our passion for full-stack development. We tackled real-time challenges and mastered game logic, creating an experience we're incredibly proud of. Stay tuned for even more exciting projects in the future!

Team

I extend my gratitude to the talented individuals who contributed to this project:

Getting Started

To explore the codebase or contribute:

  1. Fork/clone this repository.
  2. Navigate to the server or client directory.
  3. Install dependencies: npm install.
  4. Set up your environment variables.
  5. Start the server: npm start in the server directory or npm run dev in the client directory.

Feel free to explore, contribute, and immerse yourself in the thrilling world of Click!TacToe!

About

Group Project for FSJS P2 in Hacktiv8

https://clicktactoe.vercel.app


Languages

Language:JavaScript 98.0%Language:CSS 1.0%Language:HTML 1.0%