Developer Setup
Before you get started, there are a few dependencies that you will need to make sure you have installed before contributing toToyNet.
Getting Started with ToyNet Frontend Development
toynet-react
is ToyNet's frontend service and is written in React using Typescript. To get started with local development make sure that you have the correct dependencies installed as listed above.
If you are not a not a member on Project Reclass' GitHub organization, you will first need to fork the toynet-react
repository.
To fork the repository, you will need to go to the repo and click the "fork" button in the top right. You will use this new repository to make pull requests against the main Project Reclass repository.
git clone https://github.com/{your github username}/toynet-react.git
Starting ToyNet for Development
Install all of the dependencies using
npm i
Update the
proxy
field of thepackage.json
to behttps://toynet.projectreclass.org
If using something like gitpod set
export DANGEROUSLY_DISABLE_HOST_CHECK=true
before running npm startStart the development server with
npm run start
This will start up the development server. This server includes hot reloading so any changes made to the application will cause a re-build and will refresh your browser.
Additional Scripts
There are several npm scripts that can be used in your development that can be ran with npm run [script]
"start": "", // starts the development server
"start:dev": "", // starts the dev server and docker services
"build": "", // builds the project
"check-types": "", // runs the typescript compiler to check TS types
"style:check": "", // runs the linter
"style:fix": "", //
"start:docker:dev": "", // runs docker-compose -f docker-compose.dev.yml up --build
"test": "", // runs the unit testing suite
"test:cy": "" // runs in the integration test suite
Last updated