TeamWall

HexSchool node.js live course teamwork practice.

Environment

• Node: v14.19.1
• Framework: Vue 3.2.31
• Vue Style: SFC/Composition
• Build tool: Vite 2.9.1
• CSS Framework: Tailwindcss 3.0.24

IDE

• VSCode
• Volar
• **disable Vetur (conflict with Volar)

Quick Start

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Features

• Router Management: Vue Router
• Store Management: Pinia, pinia-plugin-persistedstate and mitt
• Vue Plugins: light-box effects using vue-easy-lightbox, pop-out messages using vue-toastification
• Tailwind Plugins: prettier class name with prettier-plugin-tailwindcss, reset form styles using @tailwindcss/forms
• Linting: with ESLint and Prettier
• Socket: realtime chat using socket.io-client