Web Duels
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 - Express - Socket.IO - Framer Motion - React-Confetti - Next-UI-Org - Tailwind CSS
Installation
To get started, clone the repository and install the dependencies: git clone https://github.com/milinddhamu/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 the production-ready application:npm run build ,Start the production server: npm start
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 (Solo)
Put your typing skills to the test in a solo TypeTest challenge. With a custom caret and a results page, compete against the clock to see how fast and accurately you can type. You have 15 seconds to showcase your typing prowess. Try to achieve the highest score and challenge yourself to improve with each attempt. Good luck!
Mobile Responsiveness
Both games are designed to be fully responsive on mobile devices, ensuring an enjoyable gaming experience across various screen sizes.
Explore the [GitHub repository](https://github.com/milinddhamu/mini-games) to dive into the code and learn more about the intricate mechanics that drive this innovative Clash of Clans companion.