Overview

Welcome to WebDuels - a mini-games project featuring two exciting 1v1 games. This project includes Tic Tac Toe, a classic game for friendly duels on a single screen or in an online room using WebSockets, and TypeTest, a game inspired by MonkeyType with a custom caret and a results page.

Project Structure

This project is structured as a Next.js application with server-side functionality. The technologies and libraries used include:

• Next.js: The React framework for building web applications.
• Express: A fast, unopinionated, minimalist web framework for Node.js.
• Socket.IO: A library that enables real-time, bidirectional, and event-based communication.
• Framer Motion: A React animation library.
• React-Confetti: A React component for confetti animations.
• Next-UI-Org: UI components for Next.js applications.
• Tailwind CSS: A utility-first CSS framework.

Installation

To get started, clone the repository and install the dependencies:

git clone https://github.com/your-username/mini-games.git
cd mini-games
npm install

Usage

Development

Run the development server:

npm run dev

Visit http://localhost:3000 to view your application.

Build

Build the production-ready application:

npm run build

Start

Start the production server:

npm start

Games

Tic Tac Toe (1v1 - Single Screen)

Challenge a friend to a classic game of Tic Tac Toe on a single screen. Enjoy the timeless fun of this strategic game in a friendly duel.

Tic Tac Toe (1v1 - Online Room)

Experience the thrill of playing Tic Tac Toe in real-time against a friend online. Create or join a room, and let the dueling begin with the power of WebSockets.

TypeTest (1v1)

Put your typing skills to the test in a 1v1 TypeTest challenge. With a custom caret and a results page, compete against your friend to see who types the fastest and most accurately. You have 15 seconds to showcase your typing prowess.

Mobile Responsiveness

Both games are designed to be fully responsive on mobile devices, ensuring an enjoyable gaming experience across various screen sizes.

Contributing

Feel free to contribute to this project by opening issues, submitting pull requests, or suggesting improvements. Let's make WebDuels even more exciting together!

License

This project is licensed under the MIT License.

Enjoy WebDuels and happy gaming! 🎮✨