mvvm_twp

TWP project for Epitech school: Coding Academy 2022

Wrap up:

• Using a Vue.js app with the WordPress API
• Based on the Trello website, the goal is to reproduce the behavior of the tables of this solution using the WordPress functionalities.

What I did :

• Install and create an headless Wordpress to use its API
• Use Vue.js to build an interface able to manage: Lists CRUD (with Categories), Cards CRUD (with Posts), Comments CRUD on cards (with Comments)
• Draggable cards with dynamic category update
• Manage users and their rights
• Some Unit Tests
• Usage of SASS
• Responsive design
• Keep in mind acessibility, SEO and best practices tested with Google Lighthouse

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

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run build
npm run test:e2e # or `npm run test:e2e:ci` for headless testing

Lint with ESLint

npm run lint