Minimal Phaser3 + Create React App template

Overview

Phaser 3 + Create React App template

image This project was bootstrapped with Create React App.

What's included? - Check the preview

  • Phaser 3 - overlaid canvas with the config in src/PhaserGame.ts and a scene in src/scenes/
  • Create React App - React, TSX, ES6, TypeScript, no need to install bundler, ...etc
  • An example button in src/App.tsx showing how to communicate with Phaser within a React component
  • That's it!

Getting started

Clone the project and in the project directory, you can run:

yarn install or npm install

Install all the packages in create react app + Phaser 3

yarn start or npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn build or npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

Issues
  • Thanks for the template

    Thanks for the template

    Hi @kevinshen56714 Thanks for the template. CRA is a bit slow on my pc. So I converted this template to use Vite. Vite is a bit faster than webpack.

    Here is repo

    opened by idpokute 1
A minimal operating system created with ReactJS

mindows A minimal Operating System created with React. About This project provides a minimal Windows 10 experience in browser. It runs completely on c

Piyush Madhusudan 90 Dec 24, 2021
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

TryShape 99 Jan 15, 2022
Create-serverless-api - Create Serverless APIs with no infra configuration

Create Serverless API Create Serverless APIs with no infra configuration. It is

awmaker 12 Jan 10, 2022
This project was bootstrapped with Chakra UI & Create React App

This project was bootstrapped with Chakra UI & Create React App

Pawan Kumar 44 Jan 9, 2022
A Create React App to Test @chakra-ui/storybook-addon

A Create React App to Test @chakra-ui/storybook-addon This project was bootstrapped with Create React App. Steps to reproduce yarn (Install dependenci

ngxCoder 1 Nov 27, 2021
Create A Simple Weather App Using React

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

Priyansh Singh 1 Jan 14, 2022
Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site"

cypress-local-https Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site" Read the blog post

Gleb Bahmutov 2 Dec 21, 2021
This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

Memories Front end - React,javascript,html,css Back end- NODE JS Application - This is memory application and it is a simple social media app that all

Gauri Kale 1 Dec 27, 2021
Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

null 417 Jan 16, 2022
FullStack app containing an API (NestJS), a web app (React) and a mobile app (React Native).

Food Order This project is a workspace containing an API (NestJS), a web app (React) and a mobile app (React Native). Content Food Order Content Get S

Germain Michaud 1 Nov 11, 2021
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Reduction Theme 1.3k Jan 21, 2022
A Course Platform template built using React and Tailwind CSS

Course Platform ?? I go over the details of why and how I built this demo during my talk, presented at Next.js conf 2021. ⚠️ This repo + README are a

Mahmoud Abdelwahab 79 Jan 6, 2022
Template component for publishing Ionic React Functional Components to npm

ionic-react-component-template This is a template component for publishing Ionic React Functional Components to npm. Copy this template, change a few

null 1 Dec 4, 2021
Algolia-pwa-ecommerce - A React/Next.js based template for an ecommerce application

PWA Ecom UI Template This is a React/Next.js based template for an ecommerce app

Miguel Ángel Durán 11 Jan 13, 2022
Amazon Clone Template Built With NextJs, Tailwind CSS And Redux

Amazon Clone Template Built With React, Tailwind CSS And Redux

null 15 Dec 21, 2021
FlatList abstraction which uses react-window on the web to create better list performance

react-native-ridge-list FlatList abstraction which uses bvaughn/react-window on the web to create better list performance Supported props ListHeaderCo

webRidge 9 Nov 4, 2021
Create a Contact Book Using React.js

?? ContactsGo Desafio do projeto criar uma agenda de contatos. Demo: https://contacts-go.netlify.app/ Technologies Algumas das tecnologias usadas fora

Cassia Maria 2 Dec 18, 2021
A React Application challenge With CRUD (Create, Read, Update, Delete)

Desafio 03 - Corrigindo o código ?? Sobre o desafio Nesse desafio, temos uma aplicação Node.js que está em processo de desenvolvimento mas que já poss

Matheus Faria de Carvalho 1 Dec 17, 2021
A full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features, seamless design, and excellent user experience.

Appo Music About Appo Music is a full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features

Ori Ravid 59 Jan 9, 2022