Academix

screenshot of Academix
nuxt
scss

A fast, responsive, accessible and user-friendly learning platform. Theme Prize @ vsHacks!

Overview:

The Academix learning platform aims to provide a better solution for students by offering a fast, responsive, accessible, and user-friendly experience. The platform includes features such as classes, assignments, schedules, attendance tracking, student record management, chat functionality, graduation progress tracking, and the ability to excuse absences online. Academix is built using Nuxt, with Vuestic as the component library and REST for the API. The backend utilizes Sequelize and Postgres, and the entire project is hosted on Vercel. The team faced challenges in designing an intuitive user interface but are proud of the platform's performance, especially for users on low-end devices. The next step for Academix is to propose their interface to the B.C. Ministry of Education and advocate for a transition away from their existing contractor, Follet.

Features:

  • Classes: Access and manage your classes through the Academix platform.
  • Assignments: Keep track of and submit your assignments conveniently.
  • Schedules: Stay organized with a clear view of your class schedules.
  • Attendance: Easily track your attendance and manage absences.
  • Excuse absences online: Request and excuse absences through the platform.
  • Student record: Access and manage your academic record.
  • Chats with other students: Communicate and collaborate with fellow students.
  • Graduation progress: Track your progress towards graduation.
  • Volunteer hours: Keep record of your volunteer hours.
  • Teaching material upload: Upload and access teaching materials.

Summary:

Academix is a learning platform designed to address the shortcomings of existing solutions like Microsoft Teams and MyEducation. It offers a fast, responsive, accessible, and user-friendly experience for students. With features such as class management, assignment tracking, attendance monitoring, and more, Academix aims to provide a comprehensive platform for students' educational needs. Built using Nuxt, Vuestic, and REST, the platform is hosted on Vercel. The team encountered challenges in designing an intuitive user interface but succeeded in creating a performant platform. Their next goal is to propose the Academix interface to the B.C. Ministry of Education and advocate for a transition away from their current contractor, Follet.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.