Plan-It (일정 관리 기능을 갖춘 동적 캘린더)

Description

프로젝트 명 : Plan_It!

주요 구현 기능

1. 공휴일 API 연동

   • RESTful API를 활용하여 공휴일 데이터를 가져오고 캘린더에 표시.
   • 공휴일 여부에 따라 날짜 셀의 스타일을 동적으로 적용.

2. 일정 관리 기능

   • 사용자가 일정을 추가 및 삭제할 수 있는 간단한 CRUD 기능 구현.
   • 일정 데이터는 Spring 백엔드와 연동하여 MySQL 데이터베이스에 저장 및 관리.

3. 반응형 디자인

   • CSS와 Flexbox를 활용하여 유동적인 UI 구성.

4. 동적 스타일링 및 이벤트 처리

   • 일정 추가/삭제 시 실시간으로 UI 업데이트.
   • 특정 날짜를 클릭하면 세부 일정을 확인할 수 있는 동적 모달 구현.
   • 이벤트 상태(예: 완료, 진행 중)에 따라 스타일 변화 적용.
     
     

👦 개인 프로젝트(세미)

🕛 프로젝트 제작 기간 : 2024.08.29 ~ 2024.09.13

🧑‍🤝‍🧑 참여 인원 1명 (개인)

Skills

FrontEnd

• React
• Sass
• JS

BackEnd

• Spring Boot 3.0x
• MyBatis
• MySQL

Plan-It-Back(https://github.com/shimssung/Plan-It-Back)