An open API service indexing awesome lists of open source software.

https://github.com/datumbrain/tasker-ui

Tasker UI
https://github.com/datumbrain/tasker-ui

Last synced: 4 months ago
JSON representation

Tasker UI

Awesome Lists containing this project

README

          

# tasker-ui

[![CI Build & Publish to Docker Hub](https://github.com/naumanzchaudhry/tasker-ui/actions/workflows/ci.yml/badge.svg)](https://github.com/naumanzchaudhry/tasker-ui/actions/workflows/ci.yml)

This is the UI for a sample app created for [TDD in Legacy Code Transformation](https://github.com/naumanzchaudhry/tdd-in-legacy-codebase) journey

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

### Setup environment variables

Copy `.env.sample` to `.env` and update the values (if required)

### Prerequisites for Running Locally

- **Nodejs**: Ensure you have Nodejs version 18 or newer installed

### Install dependencies

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Run Unit Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:unit
```

### Run Integration Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:integration
```

### Run Component Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:component
```

### Run Contract Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:contract
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```

### Format with [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

```sh
npm run format
```

## Contributors

| Name | Role |
| ------------- | ----------------- |
| Nauman Zafar | Frontend Engineer |
| Muaviya Imran | Frontend Engineer |