This backend service Rest Full API can operate Read and Update data
- 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
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
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
- 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
- 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
Please read this if you wanna change some configuration styling, like color, zoom, extend map, etc.
- 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
- Node.JS
- GIT
- PostgreSQL with PostGIS (extension)
- 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