A desktop app optimized for people to play web-based incremental game

Related tags

React plaza-app
Overview

plaza-app

A desktop app optimized for people to play web-based incremental game

Setup

yarn to install dependencies

Local testing

yarn start to open locally

Directory structure

ControlsUI is the top bar that users would use to go back, toggle visual mode, and change tabs (when in tab mode). This is implemented in React. services provides FE services to React SPAs, in particular, the ipc.service.ts is important to enable 2-way communication between browser windows and the main thread.

DirectoryUI is unused at the moment, but will be a simple SPA to provide an experience similar to the plaza website. At the moment, the plaza website is used as the "Directory"

models host the set of interfaces shared between the React SPAs as well as the main thread.

Pages hosts the components in the main thread that would be rendered using browser windows.

Pages/Control/TabLayout controls the logic for layout, because the application is an orchestration of different browser windows, this controls their positioning.

Pages/Home/MainView provides a simple function to generate new tabs, it is used by Controls.

GamePatches is the directory for storing patches. The index.ts provides a function called registerPatch as well as a function patch. Each game patch must be implemented in its own file then registered within the index.ts file

You might also like...

"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Apr 11, 2022

Web App to store a list of books (Title and Author) made as a single page app.

Awesome Books This project its an interactive list of books, you can add and remove items to the list. Built With HTML JS Getting Started In this proj

Nov 9, 2022

A small component based app library composing user interfaces and apps.

A small component based app library composing user interfaces and apps.

See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you

Nov 16, 2022

TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

Dec 19, 2021

The Ripple Effect (An Ethereum-Based Fundraiser App)

The Ripple Effect (An Ethereum-Based Fundraiser App)

The-Ripple-Effect---An-Ethereum-Based-Fundraiser-App - The Ripple Effect is a ethereum based fundraising app that can not only be used to donate to a specific cause but also to allocate/distribute funds with total transparency. The frontend has been made on ReactJS with the backend on Solidity with the help of Ganache.

Mar 14, 2022

A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/

Dec 29, 2022

Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.

Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.

Fort-Shop Fort-Shop is a unique project which generates the current Fortnite Item Shop into a stylized image, similar to the new In-Game design (refer

Jan 5, 2023

This simple tic-tac-toe game is created by following the react documentation. and there's some modifications on it.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 29, 2022

Ember implementation of the game

Ember implementation of the game

Apr 27, 2022
Releases(v1.0.1-preview-windowsx64)

  • v1.0.1-preview-windowsx64(Apr 13, 2022)

    Electron does not support prompt, confirm, and alert. Unfortunately, a popular game, Antimatter Dimensions, uses prompt to import save file (by pasting code).

    In this release, we added a scrappy way to "patch" games based on URL. Patches are applied based on the URL of the view when it was created rather than when it was routed, so the solution is incomplete at the moment, since the user must middle-click to open a game in a new tab.

    For the first game patched, Antimatter Dimensions, it works by first using ES6 dynamic imports, which is guaranteed available based on the Electron version. This dynamic import is used to load the Sweetalert2 library, which gives us the ability to create a simple prompt without using prompt. We then replace the original "Import" button with a clone that triggers this prompt instead of the original.

    Source code(tar.gz)
    Source code(zip)
    plaza-app-win32-x64-2022-04-12.zip(83.87 MB)

  • v1.0.0-preview-windowsx64(Apr 9, 2022)

Owner
Full-stack developer with a knack for front end and design
null
GitHub
Discover people willing to split the cost for LeetCode Premium accounts with you @BITS-ACM.

Litecode litecode.bitsacm.in About ~ 2 months before every internship season, every single CS student in the world has felt the pain of the sinking re

BITS-ACM 26 Aug 9, 2022
Agile Planning tool for cool team, free, no setup, just come and play.

Voting Poker is an Agile Planning Tool for cool teams We're looking to create a fully customizable Zero config Pretty design tool for teams in demand.

Jefferson Moura 10 Dec 12, 2022
🎭 Website source code for our school play.

?? Sane Lunatics Website Website that is built for the theater play "Aklı Başında Deliler Kumpanyası" that will play on stage in ???? Mus Alparslan Un

EGGSY 9 Jun 3, 2022
React-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model

react-play is an opensource web app that helps you learn ReactJS faster with hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.

Tapas Adhikary 580 Dec 30, 2022
Modal in desktop, fullscreen in mobile

React Full Screen Modal Why? Modals typically don't work well for modals. They take up a lot of space and often squish their contents. This library ai

Chris 2 Mar 7, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 8, 2023
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
A tiny package for JavaScript Web App's state management based on RxJS & Immer

A tiny package for JavaScript Web App's state management based on RxJS & Immer

Xiao Junjiang 12 Oct 19, 2022
React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)

SBE306 Assignment 4 (VTK) data : Directory containing Head and Ankle datasets Description A 3D medical viewer built with vtk-js Team Team Name : team-

Mustafa Megahed 2 Jul 19, 2022
Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Sonnat 2 Jan 31, 2022