Fox Game Project

Tic Tac Toe

Introduction

Welcome to the Fox Game, an interactive web-based game that brings a fresh twist to the classic Tic-Tac-Toe. This game features a unique logic flow, offering a new experience different from the React tutorial version.

Project Overview

• Game Idea: Conceptualized by Kim, Sang Kyu.
• Logo & Color Scheme: Designed by Kim, Bo Kyung.
• Game Interface & Workflow: Fully designed in Figma, including all function definitions and processes.
• Development: The complete development of HTML, CSS, and JavaScript was carried out by the project manager, ensuring a unique code logic and gameplay experience.

Features

• Customizable Gameplay: Offering various setup options, including multiple player configurations and symbol selections.
• Adaptive Difficulty Levels: Different board sizes are available to adjust the complexity of the game, catering to beginners and advanced players alike.
• Turn-Based Mechanics: Enforcing a strategic approach with a turn timer to maintain the game pace.
• Winning Strategies: Clear rules for symbol placement and victory conditions, encouraging strategic thinking.
• Game Interruptions: Options to pause and resume games, adding convenience for players.
• Competitive Edge: A leaderboard to track and display high scores, fostering a competitive environment.

Technologies Used

• HTML

• CSS

• JavaScript

• Original game interface designed with Figma.

• Custom JavaScript workflow to define game functionality.

• Distinctive proposal and development strategy, setting our game apart from existing tutorials.

• Logo and color scheme crafted to align with the game's aesthetic.

Local Setup

To run this game locally:

1. Clone the repository.
2. Open index.html in your browser to start the game.

Contributions

This project is the result of collaborative efforts:

• Cao, Lisi: Oversaw the entire game design in Figma, defined the JavaScript workflow, wrote the game proposal, and developed the front-end components.
• Kim, Sang Kyu: Provided the initial game idea.
• Kim, Bo Kyung: Contributed to the game's visual identity with the logo and color scheme.

Acknowledgements

Special thanks to all team members who have contributed their unique ideas and designs to this project.

Note

While there may be similarities with the official React guide for Tic-Tac-Toe, the code logic and implementation for this project are completely original.