1. Project Overview

Groundhog Charging System

Marmot Open Charging System is a set of charging device management system containing HarmonyOS App, WeChat mini program, cloud platform and backend.

HarmonyOS App uses Api9+Stage mode+ArkTS+ArkUI for development, including login, registration, charging station list, charging pile information, online charging, order inquiry, personal center and other functions.

The mini program uses Uniapp for development, providing charging services for electric vehicle users, including login, registration, finding charging stations, charging pile information, online charging, order inquiry, personal center and other functions.

Cloud platform technology involves: vue3+vite+ts+Element Plus multi-tenant, permission, audit, charging station/charging pile management, order management, pricing rules, recharge, etc.

The backend uses Go language for development, using goframe2 framework and sqlite file database.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

1. HarmonyOS 4.0 - Marmot Charging App

Project folder: TbsHarmonyOS

Project Screenshots:

2. WeChat mini program - Marmot Charging mini program

Project folder: front-mini-programe

Project Screenshots:

3. Marmot Charging cloud platform

Project folder: front-manager

Project Screenshots:

4. Feature Overview

1. HarmonyOS 4.0 - Marmot Charging App

Project folder: TbsHarmonyOS

Project description:

This is a HarmonyOS developed charging App, developed language is ArkTs, currently implemented functions are as follows:

Implemented functions:

1. Login (downward selection of tenant) + registration 2. Charging page: charging station list [click on each site to view charging pile details], charging pile details [number + status + whether can be charged], charging, charging list 3. Personal center page: personal portrait + nickname, charging balance, charging orders, functional area, logout, etc.

2. WeChat mini program - Marmot Charging mini program

Project folder: front-mini-programe

Project description:

This is a uniapp developed charging WeChat mini program, developed language is js, currently implemented functions are as follows:

Implemented functions:

1. Charging: Charging Station List [Nearby Stations + Distance], Charging Pole Information [Number + Status + Whether Can Charge], Charging, Charging Orders, etc. 2. Scan Code: Connect to Charging by Scanning the Device's QR Code on the Pole 3. My: Login, Personal Information Page [Avatar + Nickname, Charging Balance, Charging Orders, Function Area, Logout]

3. Marmot Charging cloud platform

Project folder: front-manager

Project description:

This is a Vue3+TS developed Charging Cloud Platform, which has implemented the following functions

Implemented functions:

1. Device Management: Charging Station [Station List + Map View], Charging Pole [Station Under Pole Information + Charging Pole Addition, Deletion, Modification] 2. System Settings: User Management [User Display + Balance Recharge], Role Management [Permission Assignment], Tenant Management, Recharge Management 3. Operation Management: Order Management [User Charging Orders], Price Rules [Different Time Period Prices]

5. Tech Stack

Source Code Directory

TbsHarmonyOS: HarmonyOS App
front-manager: Front-end Management Console
front-mini-programe: Front-end Mini Program
backup: Back-end

1. HarmonyOS 4.0 - Marmot Charging App

Project folder: TbsHarmonyOS

Software Architecture:

1. Development Language: Api9+Stage Mode+ArkTS+ArkUI 2. Development Tools: DevEco Studio 3. Project Running: Project Starts in Development Tools, Preview or Simulator or Real Machine Debugging

2. WeChat mini program - Marmot Charging mini program

Project folder: front-mini-programe

Software Architecture:

1. Development Language: Vue3+Uniapp 2. Development Tools: HBuilderX + WeChat Developer Tools 3. Project Running: HBuilderX Clicks to Run -- Selects Running to Mini Program Simulator -- WeChat Developer Tools

3. Marmot Charging cloud platform

Project folder: front-manager

Software Architecture:

1. Development Language: Vue3+Vite+TS+Element Plus 2. Development Tools: VS Code 3. Project Running: Uses Pnpm Package Management Tool

1. Pnpm Installation Command: npm i -g pnpm 2. Install Dependencies: pnpm install 3. Start: pnpm run dev 4. Build Production Environment: pnpm run build 5. Access: Platform/Tenant Administrator: Mouse Charging Company Account: admin Password: admin

4. Back-end

Project Folder: backup

Software Architecture:

Explanation:

The README file in the backup folder contains project introduction/project startup/code structure, etc.