A serverless, real-time, wordle-inspired, multiplayer game

Overview

fivebysix.com

A multiplayer, worlde-inspired web app.

Demo

Technologies

  • 100% TypeScript (including IAC via CDK)
  • Vite
  • React / Redux
  • AWS
    • AppSync
    • Dynamo
    • CDK
    • WAF
    • Lambda
    • S3 / CloudFront
    • ACM / R53
  • Bulma

Notes

  • Does not use an external authentication solution. Instead, players are given a token when they first create/join a game, which stays in local storage.
    • This app doesn't support user permanence, so the above is sufficient.
  • Does not use AWS Amplify and jumps through some hoops to avoid it.
  • Does not use VTL for AppSync resolvers because they're still pretty hard to write/test/debug.
  • Uses a single lambda (many handlers) for resolving all GraphQL queries.

The usage of GraphQL in this project isn't idiomatic. Instead of having per-field resolvers, we just return the full response shape. This works well for this particular project because the complexity is low and the user access patterns were clearly defined up front. In exchange for these sins, we end up with a really trivial backend.

You might also like...
Chat App it is a simple web tool for chatting in real time! 🤭
Chat App it is a simple web tool for chatting in real time! 🤭

Chat App 💬 🖥️ Project Chat App it is a simple web tool for chatting in real time! 🤭 In this application it was possible to deepen knowledge in fron

A real-time webchat made using React, NodeJs/Express and Typescript. I intend to update the project with new functionalities and bug-corrections.

web-chat-real-time A real-time webchat made using React, NodeJs/Express and Typescript. I intend to update the project with new functionalities and bu

💹💕💕 Interaction is an open-source chat application that allows different people from the world to interact in real time, in either private or public rooms.

interaction Interaction is an open-source chat application that allows different people from the world to interact in real time, in either private or

Stellar is an app that gives you real time information about what’s going on in space.

Stellar is an app that gives you real time information about what’s going on in space. Developed in Snack Expo using React Native. Check README.md to learn how to run the app.

This is a chat in real time with nodeTS and ReactTS
This is a chat in real time with nodeTS and ReactTS

Responsive Chat Screenshots Description This project is a chat with ReactTS and NodeTS, using Socket.IO Current System Functionality Task Back-end Fro

Hexlet-chat: a simple real-time chat application using react

Hexlet tests and linter status Hexlet-chat study project at hexlet.io Overview H

🗣 React + Node.js + MongoDB Real-time chat WebApp

React + Node.js + MongoDB Real-time chat WebApp for teachers and students React16,React-Router4,Redux,Node.js,MongoDB,Antd-Mobile The project is divid

Sockets-remix-thread-prototype - Prototype of real-time comments and a proposal of how to make it production-ready
Sockets-remix-thread-prototype - Prototype of real-time comments and a proposal of how to make it production-ready

Real-time comments prototype Simple demonstration of real-time commenting. Insta

@prismix/orbit  Explore the web with anyone in real-time
@prismix/orbit Explore the web with anyone in real-time

@prismix/orbit Explore the web with anyone in real-time. Built With Next.js React Tailwind Getting Started To get a local copy up and running, please

React-wordle - A fun Wordle clone made using React, Typescript, and Tailwind CSS

React Wordle This is a clone project of the popular word guessing game we all kn

Chase Wackerfuss 2.3k Oct 5, 2022
Flatris is a web multiplayer game with both UI and server components

Work in progress: Flatris has been recently redesigned from the ground up and turned into a multiplayer game with both UI and server components. This

Ovidiu Cherecheș 1.3k Sep 29, 2022
Letreco - A daily word guessing game. Unofficial Brazilian version of Wordle

Letreco - um jogo diário de adivinhar palavras O Letreco é um jogo web de adivin

Gabriel Toschi 81 Jul 31, 2022
The game wordle made with ReactJS, without writing a line of CSS

I made Wordle XD Hello everyone ?? , I am glad to see you here I know it ain't much but this is the game wordle (popular in twitter recently!) I made

null 25 Aug 24, 2022
A GTA V Hard Roleplay server that runs through RAGE Multiplayer

A GTA V Hard Roleplay server that runs through RAGE Multiplayer. First founded on December 21, 2011, as evidenced by new systems, frequent updates, and the advanced User Control Panel. Considering those mentioned above, the Romanian hard roleplay community immediately rose to the top, being the first and only one to reach the number of 500 online players simultaneously.

flash 6 Aug 4, 2022
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Smile Gupta 24 Jun 20, 2022
cute-chat is a real-time chatting app using reactJS and Google's firebase.

cute-chat A Realtime Texting/Chatting App Table of Contents About The Project Built With Demo Database Structure Features Future Possible Updates Gett

Asif Azad 22 Aug 30, 2022
A Whatsapp Clone which built with reactJS. You can sign in with your Google Account and you can chat in real time.

Whatsapp Clone with ReactJS In this app you can create a simple chat room and send messages to each other using our google accounts in the room. Whats

Mert Çankaya 9 Nov 24, 2021
A real-time transcription project using React and a socketio python server.

A real-time transcription project using React and a socketio python server. The goal of this project is to enable developers to create web demos and speech2text prototypes with just a few lines of code. Examples can be medical dictation apps, a note-taking CRM for entrepreneurs, etc.

Sahar 106 Sep 22, 2022
A real-time chat application made using ReactJs, ExpressJs, NodeJs, and Socket.io.

insta-chat Live Site ScreenShots Instachat is a real-time chat app made with ReactJs on the front-end and ExpressJs , NodeJS , Socket.io web socket li

Midhun Chandran 12 Jun 12, 2022