bsord/react-register repository overview

⁠Summary

A Material UI based dashboard built on React

⁠Live demo

• https://fairbanks-io.github.io/react-register⁠

⁠Installation

⁠Manual Deployment (Ubuntu 18.04)

1. Install dependencies

sudo apt-get install nodejs git

1. Install Yarn

npm install -g yarn

1. Clone the repository

git clone https://github.com/Fairbanks-io/react-register/

1. Change into react-register directory

cd react-register

1. Install module dependencies

npm install

1. Run the start script

npm start

1. Navigate to http://host:3000/react-register⁠

⁠Docker compose

1. Install docker compose

sudo curl -L "https://github.com/docker/compose/releases/download/1.25.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

1. Clone Repository and cd into it

git clone https://github.com/Fairbanks-io/react-register/
cd react-register

1. Run docker-compose

docker-compose up -d

1. Open in browser Navigate to https://localhost:3000/⁠ Customize the default port in docker-compose file

⁠Site modification and configuration

1. Check if src/variables/SiteData.jsx exists

   • If it exists, modify this file as necessary.
   • If the file does not exist, copy SiteData.jsx-sample to SiteData.jsx

2. Make all modifications as necessary to SiteData.jsx

3. Add assets like images to ./public/ directory

   • You may need to occasionally restart the server after adding files to this directory

⁠Build and deploy a production ready version

1. Build a new docker image with the contents of directory

docker build -t DOCKER-USERNAME-HERE/YOUR-DESIRED-IMAGE-NAME .

1. login to docker

docker login

1. Publish image to docker

docker push DOCKER-USERNAME-HERE/YOUR-DESIRED-IMAGE-NAME

1. Deploy/run production docker container

docker run -d -p 3000:8888 --name react-register DOCKER-USERNAME-HERE/YOUR-DESIRED-IMAGE-NAME