This boilerplate sets up a basic structure for quick starting your projects. This boilerplate provides you with
- React and TypeScript project created with CRA
- State management with Redux
- Routing with react-router and react-router-redux
- Components showing how to use redux and how to handle side-effects
- ExpressJs service
- Docker support
To get started clone this repository and install the dependencies for both applications.
Execute this command on each directory (Client/Server)
npm install or yarn install
Start the applications by executing this command on each directory.
npm start or yarn start
For the React app browse to localhost:3000
.
The ExpressJs service API is available under localhost:9050
.
Docker is fully optional in this boilerplate but a basic support is still provided.
If you want to use Docker you can individually build docker images for each directory and run them separately
docker build .
docker run %ID%
If you don't want to build containers separately and prefer to wire both up, you can use the compose file in the root directory.
Use the following commands
docker-compose build
docker-compose up -d