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=https://6l69q9n6-8000.use.devtunnels.ms/

To run the project for development:

npm run dev

To build the project for production:

npm run build

Dependencies

• axios - ^1.3.4

• dateformat - ^5.0.3

• gsap - ^3.11.4

• pinia - ^2.0.30

• pinia-plugin-persistedstate - ^3.1.0

• tailwind - ^4.0.0

• vue - ^3.2.45

• vue-draggable-next - ^2.1.1

• vue-router - ^4.1.6

• vue3-google-login - ^2.0.14

• vuedraggable - ^4.1.0

• chart.js: ^4.3.2

• vue-chartjs: ^5.2.0

Storyboard

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