Skip to content

albaschool/frontend

Repository files navigation

🏫 알바스쿨

"알바스쿨" 은 사업자와 아르바이트생을 위한 최적의 업무 환경을 제공하는 통합 플랫폼입니다. 기존의 아르바이트 업무에서 흔히 겪는 문제들을 해결하고, 모든 구성원이 효율적으로 업무에 집중할 수 있도록 지원합니다. 알바스쿨 과 함께 더욱 쉽고 편리한 아르바이트 업무 환경을 경험해보세요!

사장 : tester@mail.com / 1234
알바 : staff1@mail.com / 1234

위의 아이디와 비밀번호를 사용하여 사이트의 모든 기능을 이용해보세요!

📆 프로젝트 기간

2025 데브코스 최종 프로젝트
2025.1.1(수)~ 2025.2.5(수) 약 6주


👥 팀원 소개

이름 역할
윤혜원 계정, 마이페이지, 교육페이지, 알바 스케줄 조회, 모달/토스트 메시지 구현, 사용자 권한별 라우터 보호
이채린 채팅 페이지, 가게 등록 페이지, 사장용 스케줄 페이지, 프로필 기능 구현, 디자인 리팩토링
이현 채팅 목록, 채팅 기능, 일반알림 로그 페이지, 알림 기능 구현, 배포

주제 선정 배경

📚 비효율적인 교육 프로세스

: 아르바이트생의 잦은 퇴사로 인한 반복적인 교육 필요
: 사업자의 교육 시간 및 비용 부담 증가
: 체계적이지 않은 교육으로 인한 업무 숙련도 저하

📑 매뉴얼 관리의 필요성

: 업종별 표준화된 매뉴얼 부재
: 개별 매장 특성을 반영한 맞춤형 매뉴얼 필요

💬 소통 채널의 한계

: 기존 메신저 사용 시 개인정보 노출 우려
: 퇴사 후 연락처 정리의 불편함
: 업무 관련 정보 공유를 위한 전문 플랫폼 부재

⭐ 핵심 기능

매뉴얼 관리 시스템

➡️ 업종별 표준화된 매뉴얼 제공, 업무 관련 자료 공유 기능

스케줄 관리 시스템

➡️ 실시간 스케줄 공유

업무용 메신저

➡️ 매장별 그룹 채팅, 공지 사항 전달, 실시간 알림 시스템


✅ 기능 소개

👤로그인, 회원가입

로그인 유형 선택 회원가입
사용자는 이용 목적(사업자, 직원)에 따라 회원가입을 하고, 서비스를 이용할 수 있습니다.

🏪 가게 등록

가게 등록(사장) 가게 수정(사장) 근무지 등록(알바)
사장은 자신의 가게의 정보를 등록할 수 있고, 알바는 가게 코드와 비밀번호를 입력하여 자신의 근무지를 추가할 수 있습니다.

⏰ 스케줄

스케줄(사장) 스케줄 등록 스케줄 수정 스케줄(알바)
사장은 자신의 가게에 등록되어 있는 알바의 근무 스케줄을 추가 및 수정할 수 있습니다.알바는 사장이 등록한 스케줄을 확인하고, 개인 일정을 선택하여 여러 아르바이트를 병행하는 경우에도 자신의 주간 스케줄을 한눈에 확인할 수 있습니다.

📚 교육

교육 목록(사장) 교육 게시글 작성(사장) 교육 게시글 수정(사장)
사장은 등록한 가게의 업종에 따라 기본적으로 제공되는 교육 페이지의 템플릿을 확인할 수 있습니다. 이를 이용하여 쉽게 교육 내용을 작성할 수 있습니다.
가게 목록 교육 목록(알바) 교육 게시글(알바)
알바는 게시글을 통해 업무 관련 정보를 반복적으로 학습하여 근무 환경에 빠르게 적응할 수 있습니다.

💬 채팅

채팅 목록 채팅방 채팅 참여자 목록
가게 생성 시에 채팅방은 자동으로 생성되며 알바생은 가게 등록 시 채팅방에 자동으로 참여됩니다. 업무용 메신저로 개인 정보를 보호할 수 있으며 직원 간 원활한 소통으로 협업 환경이 개선됩니다.

🏠 마이페이지

image
알바는 마이페이지에서 자신의 근무지를 확인하고 추가할 수 있습니다. 사장은 가게와 직원을 관리할 수 있습니다.


⚙️ 회원 정보 수정

image
프로필 사진 추가 및 수정 삭제, 이름, 전화번호와 비밀번호 등 자신의 개인 정보를 수정할 수 있습니다.


🔔 알림

image

일반 알림

  • 스케줄, 교육 페이지의 변경 사항이 있을 시에 알바는 알림을 확인할 수 있습니다.
  • 확인하지 않은 알림이 있을 때는 아이콘 뱃지로 표시됩니다.

채팅 알림

  • 확인하지 않은 채팅이 있을 때, 아이콘 뱃지로 표시됩니다.
  • 새로운 채팅이 왔을 경우에는 아이콘이 흔들립니다.

🛠️기술 스택

HTML CSS JavaScript TypeScript React ReactQuery Figma MUI Styled-components

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages