Fullstack AppSync Events 4-in-a-Row

Overview

Fullstack 4-in-a-Row is a real-time multiplayer game built using AWS Amplify, AWS AppSync Event API, and React. Challenge your friends to a classic connect four game with real-time updates and in-game chat functionality.

Features

• 🎮 Real-time 4-in-a-Row gameplay
• 💬 In-game chat system
• 🔐 User authentication
• 🎟️ Game room creation and joining
• 📡 Powered by AWS AppSync Event API

Tech Stack

• Frontend: React (v0)
• Backend: AWS Amplify
• Real-time Communication: AWS AppSync Event API
• Infrastructure: AWS CDK

Prerequisites

• Node.js (v18+)
• AWS Account
• AWS Amplify CLI
• npm or yarn

Getting Started

1. Clone the Repository

2. Install Dependencies

npm install

3. Deploy Backend

npx ampx sandbox

Game Mechanics

1. Create a new game room
2. Share the room code with a friend
3. Take turns placing your colored discs
4. First player to connect four discs wins!

Key Components

• 🏠 Home Screen: Create or join a game room
• 🎲 Game Board: Interactive 4-in-a-Row grid
• 💬 Chat Interface: Real-time messaging
• 👤 User Management: Authentication and profiles

Note: This project is a demonstration of AWS AppSync Event API capabilities and modern full-stack development practices.

Security

See CONTRIBUTING for more information.

License

This library is licensed under the MIT-0 License. See the LICENSE file.