/HallymFestival2023-Frontend

2023 한림대학교 대동제 웹사이트 "고백(Go Back)" 프론트엔드 개발 레포

Primary LanguageVue

HallymFestival2023-Frontend

image

주: 축제 웹사이트 서버가 2023년 5월 19일 12:00부로 운영이 종료되어 더 이상 접속할 수 없습니다.

Front-End Team ✨

오소현 김경재
@osohyun0224 @PortalCube
한림대학교 빅데이터전공 20학번 3학년 한림대학교 빅데이터전공 20학번 2학년

Description

2023 한림대학교 대동제 웹사이트 프론트엔드 개발 저장소입니다 :)

Video

2023 한림대학교 축제 웹사이트 실 배포 진행한 웹사이트 화면 녹화 영상

Support Devices

  • Windows: 7 이상
  • OS X: X El Capitan 이상
  • Android: Android 7 이상
  • iOS & iPadOS: 14 이상

Packages

  • vue
  • axios
  • gsap
  • dayjs
  • idb-keyval
  • js-cookies
  • highcharts
  • vue-awesome-paginate
  • vue-toastification
  • vue3-carousel
  • click-outside-vue3

Dev Packages

  • vite
  • prettier

Stacks

Environment

Vite

Development

Javascript Vue.js Naver Cloud Platform

System Architecture

image

Background

image

image

기능 소개

image

image

image

image

image

image

image

image

image

배포 후, 성과 및 유지보수

image

image

image

🫡 삽질기

🏃🏻 PWA 구현 노력기

  • https://github.com/osohyun0224/Vue.js_PWA_Apply_hallymfestival
  • 설명: 학교 전체 학생들을 대상으로 축제 웹사이트를 제작하고 있기 때문에, pwa의 offline, push message와 같은 기능을 넣고 싶어서 프로젝트에 pwa를 구현하게 되었습니다. 결과를 스포하자면 남은 일정에 비해 프론트 개발일정이 너무 빡세서 pwa를 해당 프로젝트에 구현하지는 않습니다만 그래도 해당 기능을 구현하는 사람들을 위해 제가 개발하면서 고민했던 과정을 기록했습니다.