포트폴리오 목록
청년-지역 매칭 플랫폼
대시보드
청년의 지역 일경험 탐색·지원·마이페이지와 운영자의 지원자 심사·성과 대시보드·콘텐츠 관리를 두 개의 SPA 셸로 구성했습니다. 같은 브라우저 저장소를 통해 청년과 관리자 흐름이 연결되는 폐쇄순환 데모를 구현했습니다.
프로젝트 소개
청년의 지역 일경험 탐색·지원과 운영자의 지원자 심사·성과 관리를 하나의 폐쇄순환 흐름으로 연결했습니다. 분산된 데이터와 반복 업무를 한 화면에 모아 담당자가 상태를 빠르게 판단하고 후속 작업까지 이어갈 수 있도록 하는 것이 목표였습니다.
청년의 지역 일경험 탐색·지원·마이페이지와 운영자의 지원자 심사·성과 대시보드·콘텐츠 관리를 두 개의 SPA 셸로 구성했습니다. 같은 브라우저 저장소를 통해 청년과 관리자 흐름이 연결되는 폐쇄순환 데모를 구현했습니다.
주요 기능
- 신청·예약·주문 흐름 — 사용자 입력부터 신청·예약·주문 또는 접수, 상태 확인까지 핵심 전환 흐름을 끊김 없이 연결했습니다.
- 검색·필터 탐색 — 검색, 조건 필터와 정렬을 제공해 많은 정보 중 필요한 항목을 빠르게 좁힐 수 있습니다.
- 대시보드·시각화 — 핵심 지표와 상태 변화를 카드·차트·표로 시각화해 운영자가 우선순위를 빠르게 판단할 수 있습니다.
- 관리자·CMS 운영 — 관리자 화면에서 콘텐츠, 사용자, 요청과 노출 상태를 관리하고 공개 화면 반영 흐름을 확인할 수 있습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
기술 스택
HTML/CSS, Vanilla JavaScript청년·관리자 SPA 셸, Hash RouterLocalStorage 스키마·시드 데이터, 모듈형 View/Component
