/SuperHandy-frontend

This is the final project for a Node.js course, which mainly involves building a frontend using Vue 3 and Nuxt.js.

Primary LanguageVue

English | 繁體中文

Developed by Taipei Group 3

SuperHandy-frontend

"Our mission is to empower individuals with superhuman abilities in their daily lives. This philosophy represents our commitment to providing a platform that makes it easy for users to find tasks they need help with, while also inspiring them to feel like superheroes who have the power to help others and increase their own self-worth."

Preview

Launch Live Preview

System Architecture

This project adopts a frontend-backend separation approach. The frontend is developed using Vue.js with the Nuxt.js framework, while the backend is built with Node.js and MongoDB.

You can check more Backend-Repo.

Special Features

  1. Map GPS location search

  2. Chat room function

  3. Skill rating system

  4. Provide value-added services for members' points

Other Features

  1. Find Tasks

  2. Tasks Management

  3. Notifications

  4. Transaction

Getting Started

  • (1) Create the config.env. (You can get copy from example.env)
  • (2) Run the pnpm install.
  • (3) Depends on your environment and follow the script below.

Development Server

pnpm run dev

Production

pnpm run build
pnpm run preview