DIGIT (Digital Infrastructure for Governance, Impact & Transformation) is India's largest platform for governance services. Visit https://www.digit.org for more details.
This repository contains the reference responsive web app implementations of core modules for Citizens and Government employees/officers.
These reference apps are released under MIT
Rainmaker Structural Diagram:
Below are the steps to run project in dev and production, first time user should install lerna as global dependency, below is the command.
Note : Node should be above version 8.
First switch to this working directory frontend/web/rainmaker and do
$ yarn install
$ yarn install --global lerna
- Step 1 - go command will transpile all the dependent modules from /dev-packages to /packages and link them to the respective packages in the repo. It will also take care of installing all the required npm packages inside each module including citizen and employee.
$ yarn run go
- Step 2 - if you want to run citizen
$ yarn run dev:citizen
or
- Step 2 - if you want to run employee
$ yarn run dev:employee
- Step 1 - lerna bootstrap will link dependencies in the repo together
$ lerna bootstrap
- Step 2 - if you want to build citizen
$ yarn run prod:citizen
or
- Step 2 - if you want to build employee
$ yarn run prod:employee
Tech stack used in Rainmaker App:-
- React JS - https://reactjs.org/
- Redux - https://redux.js.org/
- Material UI - https://material-ui.com/
- Javascript
- CSS/SASS
Dev tools:-
- Lerna - https://lernajs.io/
- Babel - https://babeljs.io/
- Webpack - https://webpack.js.org/
Links for tutorial related to get familiar with tech stack ( For new joinees/ contributors who wish to work on project):-
-
JavaScript ES6 Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gKfw25slm4CUDUcM_sXdml&fbclid=IwAR0XIm0bvO9mUG71kP-rTK8rTJAcCRlz2VlnaKzfjbCCGyNDOa4AwmHL6Ls
This tutorial give idea about some of the new features available to us with ES6 - generators, constants, the let keyword, template strings and more. -
How to Learn React — A roadmap from beginner to advanced - https://medium.freecodecamp.org/learning-react-roadmap-from-scratch-to-advanced-bff7735531b6
This guide gives consise idea about react and provides roadmap to excel in react. This provide curated links to one of best material along with prerequisites for react. -
Getting Started With Material-UI For React (Material Design For React) - https://medium.com/codingthesmartway-com-blog/getting-started-with-material-ui-for-react-material-design-for-react-364b2688b555
This 8 min read article gives idea about setting up material ui in your react application with deploying sample application. -
Understanding Redux: The World’s Easiest Guide to Beginning Redux - https://medium.freecodecamp.org/understanding-redux-the-worlds-easiest-guide-to-beginning-redux-c695f45546f6
One of the best and comprehensive guide for redux beginners.
Murali M