Home > Project > Design > System Design


1. Panoramic Poet's Footsteps GPS

Maps have a long and rich history as a scientific expression. From ancient times to the modern era, the integration of maps and technology has been a gradual yet significant progression. Out of a deep love for Chinese culture, we have transformed ancient paths into 3D maps, vividly showcasing the footsteps of poets. We have also conducted research on the life stories of these poets, enriching the presentation content.

Github: https://github.com/6-200OK/PoetMap.git
Server Address: http://101.34.228.44:55359/


Technology Stack

  • Front-end: Vue3 + uni-app
  • Back-end: SpringBoot
  • Database: MySQL
  • 3D Visualization Map: Cesium
  • Build Tool: Vite

Project File Tree

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
├─ .babelrc
├─ .gitignore
├─ index.html
├─ jsconfig.json
├─ package.json
├─ pnpm-lock.yaml
├─ README.md
├─ src
│ ├─ api
│ │ └─ user.js
│ ├─ App.vue
│ ├─ components
│ │ ├─ cesiumMap.vue
│ │ ├─ poetLife.vue
│ │ ├─ poetLocation.vue
│ │ ├─ searchPoet.vue
│ │ ├─ topBar.vue
│ │ └─ VueTimeline.vue
│ ├─ config
│ │ └─ index.js
│ ├─ graph
│ │ ├─ axis.js
│ │ ├─ cursor.js
│ │ ├─ events.js
│ │ ├─ layout.js
│ │ ├─ timeline.js
│ │ └─ zoom.js
│ ├─ main.js
│ ├─ manifest.json
│ ├─ pages
│ │ └─ index.vue
│ ├─ pages.json
│ ├─ static
│ │ ├─ logo.png
│ │ ├─ models
│ │ │ └─ model.gltf
│ │ └─ topbar.png
│ ├─ stores
│ │ ├─ index.js
│ │ └─ modules
│ │ └─ user.js
│ ├─ uni.scss
│ ├─ ut
│ └─ utils
│ ├─ mapUtils.js
│ └─ request.js
└─ vite.config.js

2. Blockchain Shared Charging Piles

I once conducted a system design analysis for smart contracts in the Internet of Vehicles (IoV) car chain to examine the characteristics of the IoV car chain, evaluates blockchain-based smart contract solutions across industries like automotive and retail, and details application logic and solutions for IoV using smart contracts. I also explored multi-chain V2G security certification schemes, including design and performance test approaches, leveraging tools like Python in VS Code and the Remix online editor before provoding more recommendations.

Local Performance Test Code:here
Cloud package:here
Report:here