Ari Lotter arilotter

A backend with create-react-app

Modify your folder structure so you have something like

your_project
  | frontend ( your create-react-app project )
  | backend ( your backend (express?) project )

In the your_project folder, do an npm init. Then, $ npm i concurrently so you can run your backend and the react dev server... concurrently. Modify the package.json in your_project to have something like this:

	import {
	ConnectButton,
	connectorsForWallets,
	RainbowKitProvider,
	wallet,
	} from '@rainbow-me/rainbowkit';
	import { WagmiConfig } from 'wagmi';
	import { chain, configureChains, createClient } from 'wagmi';
	import { alchemyProvider } from 'wagmi/providers/alchemy';
	import "@rainbow-me/rainbowkit/styles.css";

	import { sequence } from '0xsequence'
	import { mainnetNetworks, testnetNetworks } from '@0xsequence/network'
	import type { ConnectOptions, ProviderConfig, Web3Provider } from '@0xsequence/provider'
	import { Wallet } from '@0xsequence/provider'
	import { Chain } from '@rainbow-me/rainbowkit'
	import { Connector, ConnectorData, ConnectorNotFoundError, UserRejectedRequestError } from 'wagmi'

	interface Options {
	provider?: Partial<ProviderConfig>
	connect?: ConnectOptions

	export interface AssetsManifestTree {
	radix: number
	dicts: {
	dirs: string[]
	exts: string[]
	segments: string[]
	filenames: string[]
	}
	encoded: { [dirext: string]: { [filename: string]: string } }
	}

	const cardsEndpoint = 'https://api.skyweaver.net/rpc/SkyWeaverAPI/GetCardLibrary';

	async function getCards() {
	const cardResults = await fetch(cardsEndpoint, {
	method: 'post',
	body: JSON.stringify({
	page: {
	page: 1,
	pageSize: 1000
	}

	struct C120;

	enum Zone {
	Graveyard
	}

	struct MoveToZone {
	to: Zone,
	from: Zone
	}

	"dependencies": {
	"animejs": "^2.2.0",
	"core-js": "^2.5.5",
	"framesync": "^3.1.9",
	"layout-bmfont-text": "^1.3.4",
	"lodash": "^4.17.5",
	"node-fetch": "^2.2.0",
	"popmotion": "^8.3.7",
	"quad-indices": "^2.0.1",
	"query-string": "^6.1.0",

	const UPDATE_SIGNAL = {}
	const emptyObject = {}
	function defaultApplyProps(instance, _oldProps, newProps) {
	// impl etc
	}
	function applyProps(instance, oldProps, newProps) {
	if (typeof instance._customApplyProps === "function") {
	instance._customApplyProps(instance, oldProps, newProps)
	} else {
	defaultApplyProps(instance, oldProps, newProps)

	home.packages = [
	(self.callPackage ./replay { };)
	]