🌎
Web Map
  • Web map
  • Denormalized Data
  • V2 web map
  • Customizable web map
  • Like
  • User profile
  • Wallet app
  • SEO
  • Search
  • The Wallet Web Application
  • V1 Implementation Timeline
  • React Coding Practices
  • Denormalization Migration
  • CSS and MaterialUI Guideline
  • Tile Server Specification
  • Search
    • Solr research
    • Config web map beta
Powered by GitBook
On this page
  • Projects
  • Denormalized map data
  • V2 web map
  • Like
  • Customizable web map
  • Web map core 3.0
  • User profile
  • Wallet
  • SEO
  • Search
  • Roadmap

Was this helpful?

Web map

The big picture of the web map apps, repos, projects

NextDenormalized Data

Last updated 2 years ago

Was this helpful?

This introduces our web-map and web-map-related project on Greenstand.

Application instructions are here:

v1:

v2:

Online version:

v2:

v1:

Currently, we are actively deploying these projects/features:

Projects

Now there is huge pressure on rendering the map, one of the reasons is that it is complicated to join the data crossing tables and get what we need, so we want to optimize the database structure to offer better performance, and also change the application to adapt the new DB.

keywords and tech stack involved: javascript, SQL, PostgreSQL, node.js, knex, denormalization.

The v2 web map is a project to let the current web map to adapt our new database domain, in the new domain, we evolved a better business modal for a long-term vision and growth for Greenstand.

keywords and tech stack involved: Node.js, Typescript, RESTful API, Knex, SQL, tile-server

We need to implement the like feature for not just web map clients but also any places we need it, for example, android app.

It is about a click counting and resenting system + API(microservice)

On the client, it is a like button and the number that how many people liked it.

Also, consider using this small API to try NestJS as our next-generation API framework

keywords/tech stack: microservice, Node.js, NestJS

The organization on Greenstand can custom their own web map UI, color, theme, font, spacing, logo, menu, and map settings.

keywords/tech stack: material-UI, React, CSS, next.js

Web map core 3.0

The new version of the web map core that can be integrated into native app, android, and IOS

keywords/tech stack: React, web viewer, React-Native

The user system on web map app, user can register, login, custom their profile on web map.

keywords/tech stack: OAuth, React, UI/UX, Keycloak

The user interface deals with the wallet API, which can check info, and transfer token.

keywords/tech stack: React, MaterialUI, UI/UX design, RESTful API

Optimize the SEO for map.treetracker.org, and grow the visits and users.

keywords/tech stack: google analytics, SEO, google AD

The search feature on the map, and possibly on the admin panel and others.

Support full-text search by all possible info, like all kinds of names, intro, and locations.

keywords/tech stack: Solr, search engine, React, MaterialUI

Roadmap

The roadmap as of 2023 Jan:

https://greenstand.org/treetracker/web-map
https://greenstand.org/treetracker/web-map-v2
https://beta-map.treetracker.org
https://map.treetracker.org
Denormalized map data
V2 web map
User profile
Wallet
SEO
Search
Like
Customizable web map