https://github.com/zhaolinlau/umpsa-connect

https://github.com/zhaolinlau/umpsa-connect

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/zhaolinlau/umpsa-connect
• Owner: zhaolinlau
• License: mit
• Created: 2024-02-27T12:27:07.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-01-24T16:39:47.000Z (5 months ago)
• Last Synced: 2025-02-23T15:45:45.139Z (4 months ago)
• Language: Vue
• Homepage: https://umpsa-connect.vercel.app
• Size: 2.62 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# UMPSA Connect

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/9d8ccda3c34247fd8c6629c9cf5eed33)](https://app.codacy.com/gh/zhaolinlau/UMPSA-Connect/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade) [![GitHub branch status](https://img.shields.io/github/checks-status/zhaolinlau/UMPSA-Connect/master)](https://github.com/zhaolinlau/UMPSA-Connect/commits/master/) [![Known Vulnerabilities](https://snyk.io/test/github/zhaolinlau/UMPSA-Connect/badge.svg)](https://snyk.io/test/github/zhaolinlau/UMPSA-Connect) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/zhaolinlau/UMPSA-Connect/blob/master/LICENSE)

[UMPSA Connect](https://umpsa-connect.vercel.app/) is my final year project for my bachelor's degree at [University of Malaysia Pahang Al-Sultan Abdullah](https://www.umpsa.edu.my/en). It serves as a comprehensive solution to enhance communication, streamline information dissemination, foster engagement, and improve data security across the entire UMPSA community. By providing users with easy access to relevant information and facilitating seamless communication, the platform aims to create a more connected and informed campus environment.

## Technologies Used

[![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)](https://vuejs.org/) [![Vuetify](https://img.shields.io/badge/Vuetify-1867C0?style=for-the-badge&logo=vuetify&logoColor=AEDDFF)](https://vuetifyjs.com/en/) [![Nuxtjs](https://img.shields.io/badge/Nuxt-002E3B?style=for-the-badge&logo=nuxt&logoColor=#00DC82)](https://nuxt.com/) [![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white)](https://supabase.com/) [![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)](https://vercel.com/)

## Web Security Test

![security_test.png](public/img/security_test.png)

UMPSA Connect has successfully passed all web security tests on the [Mozilla Developer Network HTTP Observatory](https://developer.mozilla.org/en-US/observatory). To verify the results, you can view the [HTTP Observatory Report](https://developer.mozilla.org/en-US/observatory/analyze?host=umpsa-connect.vercel.app).

## Web Performance Test

![performance_test.png](public/img/performance_test.png)

UMPSA Connect scored 100 on [Google PageSpeed Insights](https://pagespeed.web.dev/), with key metrics like a First Contentful Paint of 0.4 seconds, Largest Contentful Paint of 0.5 seconds, and a Cumulative Layout Shift of 0. For detailed results, view the [Full Analysis Report](https://pagespeed.web.dev/analysis/https-umpsa-connect-vercel-app/k9xgpscd3z?form_factor=desktop).

## AI-Powered

UMPSA Connect integrates powerful AI capabilities to enhance user experience and engagement:

### AI Chatbot

A conversational assistant to answer queries, provide guidance, and improve productivity.

### Multilingual Translation

Supports 38 languages, ensuring inclusivity for users from diverse linguistic backgrounds.

## Real-Time Communication

Enables live updates and seamless interaction, ensuring instant communication and engagement across the platform.

## Progressive Web Application Support

UMPSA Connect is enhanced with Progressive Web App (PWA) capabilities, providing a more reliable and engaging user experience. With PWA support, users benefit from features like offline access, faster load times, and the ability to install the app directly on their devices.

### How to Install

**Desktop**: 

Visit [UMPSA Connect](https://umpsa-connect.vercel.app/) using a modern browser like Chrome or Edge. Click the "Install" button in the address bar to add the app to your desktop.

**Mobile**: 

Open [UMPSA Connect](https://umpsa-connect.vercel.app/) in your mobile browser. Tap the browser menu and select "Add to Home Screen" to install the app.

## Dark Mode Support

UMPSA Connect automatically adjusts to the browser's dark mode setting, providing an optimized and visually comfortable experience for users.