form-vue-example

A simple form made in Vue.js with unit tests, e2e tests and storybook

✨ Demo

---

Commands

Install

npm install

Build

npm run build

Usage

npm run serve

Run unit tests

npm test:unit

Run end-to-end tests

npm test:e2e

or

npm test:e2e -- --headless

Lints and fixes files

npm run lint

Run Storybook

npm run storybook:serve

---

Checklist

Requirements

• Form components
• Form validation
• Upload image with preview
• Create an order
• Order List component
• Filter order by type

Nice to have

• Responsive layout
• Unit tests
• BEM pattern
• Animated transition
• Drag and drop upload
• Paralax effect

Other cool stuff

• e2e tests
• Animated SVG
• Add Storybook
• PWA Support
• Lazy Loading
• Page with order detail

---

Dependencies

• GSAP: Used on some animations
• v-money: Used on money type input
• vee-validate: Used for form validation
• normalize.css: Used to fix cross-browser inconsistency
• Storybook: Used to generate a component library for the project
• Cypress: Used on e2e tests
• Jest: Used on unit tests
• Eslint: Code linter
• Prettier: Code formatter

---

Author

👤 André L. Adriano

• Github: @andre000
• LinkedIn: @andreadriano

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator