Front end:
S.no | Technology used | version |
---|---|---|
1 | Angular | 8 |
2 | Typescript | 3.4 |
3 | D3 | 5 |
4 | Types/d3 | 5 |
5 | Node | 10 |
6 | MdBootstap | 4 |
7 | Bootstrap | 4 |
Back end:
S.no | Technology used | version |
---|---|---|
1 | Java | 1.8 |
2 | Spring Boot | 2.1.5 |
3 | MongoDB | 4.0 |
Applications need to install in local:
- Java (JDK)
- Maven
- Node
- Angular
- Mongo DB
Cloning the project from GIT:
Running the Spring Boot application in local:
- Go to OSDMBackendAPI folder and open Command prompt
- Type
▶️ mvn clean install -Dmaven.test.skip=true and enter - Open target folder and open Command Prompt
- Type
▶️ java –jar zoomable-map-data-api-1.0.0.jar and enter (or) Type java –jar osdm-spring-boot-app-1.0.0.jar and enter
Now the Spring Boot application is up and running.
Running the Angular application in local:
- Go to OSDMDashboard folder and open Command prompt
- Type
▶️ npm install - Wait for the node to install in your project and if any vulnerability comes up fix it using the suggestion given in the CMD
- And then run the angular application using
▶️ ng serve - Go to. /osdm/OSDMDashboard/src/app/heat-map/heat-map.component.ts and comment the line 160 if the given suggestion is at the line 160 .range(['#fff','red']);.
- The application automatically runs.
- Once the application is up and running again un-comment the line 160 if the given suggestion is at the line 160 in the same file.
- Open chrome browser and type
localhost:4200
and hit⏎
.
Start MongoDB server in local:
<Path for storing MongoDB Data>
Import data to MongoDB:
localhost
--db OSDM
--collection Inventory
--file <Path to Invetory Sample Data json>