Skip to content

Lamyzm/front

 
 

Repository files navigation

thumnail

🏢 스마트 오피스/빌딩 솔루션, '오피스너'의
오피스 소유자 니즈 충족 해결을 위한 프로젝트

🏆 패캠 기업연계 7기 우수 프로젝트 선정 🏆


오피스너는 출시 이후 건물 관리인과 임차인 모두에게 필수적인 서비스를 제공하며 건물 관리 솔루션으로 자리매김했습니다.
여기서 더 나아가 오피스너가 추구하는 서비스 목표 달성을 위해 오피스너 도입 결정 주체인 '소유자'가 필요로 하는 기능을 제공하는 것이 중요해졌습니다.
이를 위해 오피스9조대팀은 소유자의 호실에 관한 평가 정보를 간략하게 제공하는 호실 점수 기능을 솔루션 방향성으로 제안하고, 이에 초점을 맞춰 기획 및 개발을 진행하였습니다.


🏆프로젝트 목표

  • 사용자의 요구를 충족하는 간편한 정보 제공 및 기능 구현
  • 대시보드 성능 최적화로 사용자 경험 개선
  • 안정적인 인증 및 데이터 관리 기능 제공

🔗 프로젝트 링크

배포 사이트 깃허브 스토리북

🛠️ 기술 스택

stack


✏️ 프로젝트 소개

  • 프로젝트 주제 : 소유자의 호실에 관한 평가 정보를 간략하게 제공하는 호실 점수 서비스 기획 및 개발
  • 프로젝트 목적 : 오피스너 도입 결정 주체인 '소유자'가 필요로 하는 기능을 제공하여 오피스너 도입 성공률 높이기
  • 프로젝트 전체 기간 : 2024년 4월 15일 (월) ~ 2024년 6월 13일(목)
  • 프로젝트 개발 기간 : 2024년 5월 17일 (금) ~ 2024년 6월 13일(목)

현재는 백엔드 서버가 가동되지 않기 때문에 임시 mock 데이터만 존재합니다.

image

유효한 이메일 형식ex) example@exam.com 으로 임의로 로그인 가능합니다.

실제 가동되고있는 officener 서비스에 연결되는것이 목적이었기에 각 로그인은 실제 서비스와 연동되어 각 페이지로 이동되게 할 목적으로 구성했습니다. 현재는 소유자를 위한 서비스만 제공됩니다.

image

대시보드에서는 많은 데이터를 효율적으로 로드하기 위해 Next.js의 Streaming 기능을 활용했습니다. 메인 대시보드에서는 사용자가 평가한 항목을 전 분기와 비교하여 한눈에 확인할 수 있도록 구성했습니다.

image image 우측의 별표를 통해 대표호실을 등록할 수 있으며

image

대표호실은 같은 빌딩의 다른 대표호실과 비교해볼 수 있도록 고안했습니다.

image

호실관리페이지에서는 계약정보와 내 호실을 한눈에 비교해볼 수 있습니다.

image image

유저는 관리점수, 민원점수, 시설점수를 평가할 수 있으며 해당 평가를 통해 소유자는 이를 확인하고 빌딩관리를 더 최적화 할 수 있습니다

🤝 프론트엔드 팀원 구성

팀장 함지훈 팀원 우승미 팀원 심소망 조력자 김관경
함지훈의 프로필 사진 우승미의 프로필 사진 심소망의 프로필 사진 김관경의 프로필 사진

About

오피스너 프론트엔드

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.8%
  • JavaScript 2.4%
  • Other 0.8%