https://github.com/yuhexiong/personal-task-web-vue3-typescript

PersonaI task web using TypeScript Vue3.
https://github.com/yuhexiong/personal-task-web-vue3-typescript

element-plus frontend typescript vue vue3 web

Last synced: 2 months ago
JSON representation

PersonaI task web using TypeScript Vue3.

• Host: GitHub
• URL: https://github.com/yuhexiong/personal-task-web-vue3-typescript
• Owner: yuhexiong
• Created: 2024-01-26T14:59:12.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-23T12:21:46.000Z (over 2 years ago)
• Last Synced: 2025-01-30T01:14:48.568Z (over 1 year ago)
• Topics: element-plus, frontend, typescript, vue, vue3, web
• Language: Vue
• Homepage:
• Size: 799 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Personal Task

A server to record all tasks.  

Two pages, home and task, with preset fake task data and the data is saved in localStorage.  

## Overview

- Language: TypeScript v5.0.3

- Web FrameWork: Vue3 v3.3.4

## Run

### install dependencies

```bash

npm install

```

### build

```bash

npm run build

```

### run

```bash

npm run dev

```

## Pages

### sidebar

![image](https://github.com/yuhexiong/personal-task-web-vue3-typescript/blob/main/image/sidebar.png)

### home

```bash

/

```

![image](https://github.com/yuhexiong/personal-task-web-vue3-typescript/blob/main/image/home.png)

### task

```bash

/task

```

- After clicking task on left page, you can see info and edit it on right page.

![image](https://github.com/yuhexiong/personal-task-web-vue3-typescript/blob/main/image/task.png)

- Provide searching by date function

![image](https://github.com/yuhexiong/personal-task-web-vue3-typescript/blob/main/image/task_searchDate.png)

- Click button to open create task dialog

![image](https://github.com/yuhexiong/personal-task-web-vue3-typescript/blob/main/image/task_createTask.png)