cantalay/medupdoc-fe

This is an example VUE3 - element-plus login-register application with validations and responsive modern design.

medupdoc-fe

Login/Register with Validation using Vue 3, Element Plus, and TypeScript

T his project is a simple example of a login/register system with validation using Vue 3, Element Plus, TailwindCSS and TypeScript. It contains a login form and a register form, both of which have validation for the input fields.

Customize configuration

See Vite Configuration Reference.

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm run start:dev

Type-Check, Compile and Minify for Production

pnpm build

Lint with ESLint

pnpm lint

This will create a dist directory containing the compiled project files.

Features

Login Form The login form allows users to enter their username and password. Both fields are required and must be at least 6 characters long. If the user enters invalid input, error messages will be displayed.

Register Form

The register form allows users to create a new account by entering their desired username and password. Both fields are required and must be at least 6 characters long. If the user enters invalid input, error messages will be displayed.

Validation

The input fields in both forms are validated using the Element Plus validation library. This ensures that users enter valid input before submitting the form.

Technologies Used

This project uses the following technologies:

Vue 3

Element Plus

TypeScript

Vue Router

TailwindCSS