Skip to main content

Frontend Introduction

Welcome to the Smart Academic Hub frontend documentation.

Overview​

The frontend is built with Vue 3 and provides a modern, responsive user interface for educational institutions.

Key Features​

  • Modern Framework: Vue 3 with Composition API
  • Type Safety: Full TypeScript support
  • State Management: Pinia for reactive state
  • Routing: Vue Router with guards and lazy loading
  • UI Framework: Tailwind CSS with custom components
  • API Integration: Axios with interceptors for authentication
  • Form Handling: VeeValidate for validation

Technology Stack​

  • Framework: Vue 3 with Composition API
  • Language: TypeScript
  • Build Tool: Vite
  • State Management: Pinia
  • Router: Vue Router
  • Styling: Tailwind CSS
  • HTTP Client: Axios
  • Form Validation: VeeValidate

Project Structure​

frontend/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── composables/
│   ├── layouts/
│   ├── router/
│   ├── services/
│   ├── stores/
│   ├── types/
│   ├── utils/
│   ├── views/
│   ├── App.vue
│   └── main.ts
├── package.json
└── vite.config.ts

Next Steps​