Carbon Exchange
On Progress sir....
Service For Digitizing Tools (./service-tdb)
This backend service Rest Full API can operate Read and Update data
What going on in here ?
- For dependency using pg and knex js
- Build on top of express js as engine system for management routing in JavaScript
- Total query on each file have 3 except buffer data it's just 2
- 100% using JavaScript
- Confiduring function has been return promise using async await
- Has been testing using
postman
Where if wanna change query or primary define database ?
Go to folder data, for change database configuration, on folder queries to change some queries, and on controler folder for change some configuration some function
Frontend for Digitizing Tools (./rlayers)
This is part create using create react-app
, using context management for state and react-query
as state-management for fetching, mutation and query data. Also using react-router-dom
for routing mangement and configuring until data-id
What's going on in here ?
- Main library using openlayers and
rlayers
as context component - All layer has been configuring using ref data from parent until child component
- For each layer has own name as exactly same on backend
- Ui library using
react-bootstrap
, and for form library using react-hook-form
What's own feature on this app ?
- Lock and unlock layers view
- Show and hide layers view
- Fetching on show layer view
- Popup attribute data layer on hover
- Snapping configure with range 10px
- Controling tilelayers, controling scale, controling mini map view.
- Table atribute for each layer except buffer data
- Handle zoom layer id from Table
- Handle edit atribute layer id from Table
- Change geometry when draging on layers id
- All have been route using react-router-dom
- Upload data error from csv
- Handle integrated data error with existing data
- Display data error on map and table as requirement type data error
When if we want change style layers ?
Please read this if you wanna change some configuration styling, like color, zoom, extend map, etc.
HOW TO SET UP THIS APP ?
- Please create github account where can use in 2 setup type, after that all that's folder can be accessible
- Install this list on your OS
- After installation you can check in terminal using this command
node -v
for showing your node versionnpm -v
for showing your npm version- after that you must install yarn as global
npm i -g yarn
- Setup your github on your pc, open
Git-Bash
and add your account- For guide and read more info please visit this link
git config --global user.name "YOU_USER_NAME"
dont backspace"
git config --global user.email "YOUR_EMAIL"
dont backspace"
- check this
git config --list
for show what your name and email in there. - if have been configured you can clone this repo
- Clone repository
git clone
link_this_repocd digitizing
git clone --recurse-submodules
link_rlayer_folder_repogit clone --recurse-submodules
link_service-tdb_folder_repo
- Installation package
- Open terminal, go to digitizing folder
- write
yarn
- after that
cd rlayers\ && yarn
- same as before
cd service-tdb\ && yarn
- check configuring with your local database in this file
service-tdb\data\index.js
- app ready to running
- Running this app
- go to directory
digitizing
- run
yarn dev
- your web browser will be show this app
- please make sure to read on begin app
- go to directory