Skip to content

Latest commit

 

History

190 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MHVN

MHVN stands for MongoDB, HyperExpress, Vue, Node.js. It's an all-in-one solution for building monolith web app with Vue3, HyperExpress, MongoDB, Node.js.

Backend (be)

  • mongodb with predefined collections (User, DAU, DbMigration, HealthCheck, API Metric, FileStorage, SystemConfig, Tasks, Notification, Announcement).
  • Built-in database migration workflow.
  • Built-in authentication using JSON web token.
  • User API: predefined api to create user, modifier user profile, forgot password, recover password via email, delete account request & cancel.
  • Hmm API: query mongoose directly from the frontend side.
  • System config API: shared storage for both fe + be.
  • Notification API
  • Built-in API metric: meter api call, average ms spent on each API call.
  • Built-in cronjob workflow.
  • Built-in long task workflow.
  • App hooks.
  • Realtime: SocketIO + Redis + Cluster
  • Distributed logging support (winston + axiom)
  • Storage service: S3
  • Email sender
  • Docker script to build & publish container.
  • GitHub action auto build on release

Frontend (fe)

  • vue3 + vite + UnoCSS
  • vitest (coming soon)
  • predefined CSS rules (of course, you can use another plugin)
  • predefined Vue components: input, load data, data table, dialog service, message box, notification, image slide, image viewer, pulse block, tooltip, progress bar, spacer, icon, date time format, imgx, paging,...
  • predefined template: admin dashboard
  • built-in utility class to work with provided backend API.
  • Hmm client: query mongoose directly from the front-end side.
  • hook
  • caching
  • file uploader
  • log pipe: reading backend log directly from the frontend in realtime.
  • view logger
  • dashboard with API metric in a chart or table.
  • built-in authentication (jsonwebtoken).
  • and a lot more...

Example images

Dashboard with API metric in chart & health check admin-dashboard.png

System config system-config.png

File System file-system.png

Research

TODO

  • API input validation (like zod)
  • domain driven design (considering)
  • i18n
  • unit test
  • e2e test
  • Auth0, Clerk integration
  • more UI components
  • improve Dockerfile build

About

Mhvn stack with a lot of built-in tools

Topics

Resources

Stars

73 stars

Watchers

4 watching

Forks

Releases

Packages

Used by

Contributors

Languages