Innovate Inc. 사내 인트라넷 대시보드: Glassmorphism 기반의 반응형 프론트엔드 개발 챌린지 제출

핵심 기술

Axero의 Frontend Challenge: Office Edition에 제출된 본 프로젝트는 "Innovate Inc."를 위한 반응형 및 동적 사내 인트라넷 인터페이스를 개발하여 직원 생산성, 협업 및 참여를 증진하는 데 초점을 맞춥니다. HTML5, Tailwind CSS, Lucide Icons를 기반으로 Glassmorphism 디자인과 부드러운 상호작용을 구현했습니다.

기술적 세부사항

• 개발 기술 스택: HTML5, Tailwind CSS, Lucide Icons
• 주요 기능:
  • 사용자 정의 가능한 사이드바
  • 실시간 위젯 (예: 온라인 사용자 현황, 현재 날짜/시간, 날씨 정보)
  • 상호작용 가능한 설문조사 (투표 및 결과 표시)
  • 디지털 스티커 메모
  • 주요 리소스 빠른 접근 링크
  • 그룹 구성원 조명(Team Spotlight) 캐러셀
  • 공지사항 (dismissible)
  • 주간 설문
  • 디지털 게시판
  • 개인 대시보드 (업무, 메시지, 날씨 통합)
• 디자인: Glassmorphism 스타일, 반응형 레이아웃, 접근성, 라이트/다크 모드 지원
• 구현: CSS Flexbox 및 Grid 활용, JavaScript를 통한 동적 위젯 및 기능 구현
• 상호작용: 배너 닫기, 설문 투표/결과 표시, 마스코트 이스터 에그
• 호환성: Chrome, Firefox, Edge, Safari, Opera 등 주요 최신 브라우저 및 모바일, 태블릿, 데스크탑 등 모든 기기에서 호환성 검증
• 라이선스: MIT License

개발 임팩트

• 생산성 향상: 모든 회사 정보 및 도구를 중앙 집중식 대시보드로 통합하여 업무 효율성을 높입니다.
• 참여 증진: 팀원 조명, 온라인 현황 표시, 설문 등을 통해 팀원 간의 소통과 참여를 장려합니다.
• 확장성: API 통합 및 기능 확장이 용이한 모듈형 구조로 설계되어 다양한 기업 환경에 적용 가능합니다.
• 오픈소스 가치: MIT 라이선스를 통해 다른 프로젝트에서 활용 및 개선을 지원합니다.

커뮤니티 반응

• (언급 없음)

톤앤매너

전문적이고 실용적인 개발자의 시점에서 프로젝트의 기술적 측면과 비즈니스적 가치를 명확하게 전달합니다.