Giter VIP home page Giter VIP logo

mishanpoudel / emoji-tictactoe Goto Github PK

View Code? Open in Web Editor NEW
16.0 2.0 2.0 918 KB

Emoji TicTacToe adds a fun twist to the classic game with colorful emojis, offering single and local multiplayer modes, responsive design, and captivating animations.

Home Page: https://emoji-tic-tac-toe.vercel.app

HTML 4.65% JavaScript 91.55% CSS 3.80%
emoji emojis tictactoe tictactoe-game tictactoe-javascript webgamesprojects

emoji-tictactoe's Introduction

Emoji TicTacToe

Emoji TicTacToe Demo 1 Emoji TicTacToe Demo 2

A modern twist on the classic TicTacToe game, now with emojis!


๐ŸŽฎ Features

  • Emoji Fun: Instead of boring Xs and Os, enjoy playing with a variety of emojis that bring joy to your gaming experience.
  • Single Player & Local Multiplayer: Challenge yourself against the computer with adjustable difficulty levels or play with friends in local multiplayer mode.
  • Responsive Design: Seamlessly play the game on any device, from desktops to smartphones, thanks to its responsive design.
  • Stunning Animations: Dive into immersive gameplay with fluid animations and transitions powered by Framer Motion.
  • Simple Setup: Get started with just a few simple steps, and you'll be enjoying Emoji TicTacToe in no time!

๐Ÿ› ๏ธ Technologies Used

  • React: A cutting-edge JavaScript library for building dynamic user interfaces.
  • Tailwind CSS: Utilize the power of utility-first CSS framework for rapid and beautiful styling.
  • Framer Motion: Elevate user experience with smooth animations and delightful interactions.

๐Ÿš€ Getting Started

  1. Clone the Repository: git clone https://github.com/MishanPoudel/Emoji-TicTacToe.git
  2. Navigate to the Directory: cd emoji-tictactoe
  3. Install Dependencies: npm install
  4. Start the Development Server: npm start
  5. Open Your Browser: Visit http://localhost:3000 and enjoy playing Emoji TicTacToe!

๐ŸŽฏ How to Play

  • Single Player Mode: Select your preferred difficulty level (easy or hard) and make your moves by clicking on the squares on the board. Aim to beat the computer by forming a line of three emojis either horizontally, vertically, or diagonally.
  • Local Multiplayer Mode: Play against a friend by taking turns to make moves. The player who succeeds in forming a line of three emojis first wins the game.

๐Ÿ–ผ๏ธ Game Demo

Emoji TicTacToe Demo 3 Emoji TicTacToe Demo 4 Emoji TicTacToe Demo 5

๐Ÿค Contributing

Contributions to Emoji TicTacToe are highly appreciated! Whether it's bug fixes, feature enhancements, or suggestions, feel free to open an issue or submit a pull request. Let's make Emoji TicTacToe even better together!

โญ Support

If you find Emoji TicTacToe helpful or you like what we're doing, please consider giving the repository a star! It's a quick way to show your support for this project.

Support Emoji TicTacToe GIF

emoji-tictactoe's People

Contributors

mishanpoudel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

emoji-tictactoe's Issues

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.