This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
- VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
a simple and responsive Vue.js application that displays a list of employees.Using Vue, Tailwind CSS for styling and Vite as the build tool.
Clone the project
git clone https://link-to-project
Go to the project directory
cd my-project
Install dependencies
yarn install
Add env file and variables
- create env file in the root of the project and add backend_endpoints and bearer_token
yarn install
Start the server
yarn dev
- Used vue-query to handle API request
- Used Directus sdk to create API get request
- used a function using moment to convert date YYYY-MM-DD to D MMMM YYYY (fr)
- Used the first position of the employee and displayed it, assuming the highest position is first
- add pagination which will also help loading time.
- optimise the date conversion function
- make app more responsive
Client: VUE 3, Vue-query, TailwindCSS
Server: Directus