Frontend interface built using React.
- Setup the backend application. You can find the instructions here.
- SSL is mandatory for both frontend and backend in development. You can find the instructions to generate ssl certificate here
- Create a new file
.envin the project root directory and copy the contents from.env.example. - Update the
.envfile with relevant configurations. - Run
yarn setup
In the project directory, you can run:
Install the dependencies and required packages.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Run HOST=glific.test yarn start if you are using host configuration.
Launches the test runner in the interactive watch mode.
Launches the test runner in the interactive watch mode and code coverage stats.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
docker build \
--build-arg REACT_APP_GLIFIC_API_PORT=API-PORT \
--no-cache -t .
Update translation base file (i.e. English)
yarn extract-translations
Once changed are pushed and merged into master it will be available in lokalise.com for translation.
After new strings are transalated. Use Download >> Build only. It will automatically create PR in this repo.
Note: Good to Preview before using Build only
- If you are using AWS codebuild for CD, use buildspec.yml.sample file content for creating and pushing docker image.
- For using and alternative repository like docker hub, click the link to see how we can build and push docker images to docker hub.