Home

Welcome to the course-selection-frontend-v2 wiki! This project runs on Vue 3, Vite, and Typescript. It uses Pinia for state management (stores) and Tailwind for styling.

• Getting Started
• Dependencies
• Storyboard

Getting Started

Install the projects dependencies:

npm install

Create a .env.development file and paste the following into the file. This is the hosted backend used for development.

• VITE_URL=http://localhost:8000/

To run the project for development:

npm run dev

To build the project for production:

npm run build

Direct dependencies

@tailwindcss/vite — ^4.1.14

@vuepic/vue-datepicker — ^12.0.5

gsap — ^3.12.7

pinia — ^3.0.2

pinia-plugin-persistedstate — ^4.5.0

vue — ^3.5.13

vue-chartjs — ^5.3.2

vue-router — ^4.5.0

vuedraggable — ^2.24.3

Dev dependencies

@tailwindcss/forms — ^0.5.10

@vitejs/plugin-vue — ^5.2.3

autoprefixer — ^10.4.21

postcss — ^8.5.6

tailwindcss — ^4.1.14

typescript — ^5.8.3

vite — ^6.2.6

vue-tsc — ^2.2.8

Storyboard

The planning and designing of this project can be viewed here on Figma.