🤔 다음 학기 수업... 뭐 듣지...? 🤔

🔎 프로젝트 소개

moduzzi에서는 듣고자 하는 수업을 검색해 그 수업의 후기와 평점을 확인할 수 있습니다.

✈️ 프로젝트 주소

https://moduzzi.site/

⚒️ 주요 기능

메인 화면에서 수업을 검색할 수 있어요!

수업을 검색하면 검색한 수업에 해당하는 목록을 확인할 수 있어요!

원하는 수업을 클릭하면 그 수업의 후기와 평점을 확인할 수 있어요!

🔥 기술적 도전

⏺ SPA 적용

• 향상된 사용자 경험을 위해서 사이트에 SPA를 적용했습니다.
• SPA를 구현하며, SPA 뿐만이 아니라 CSR, SSR 등에 대한 이해도를 높일 수 있었습니다.

⏺ Github Actions을 이용한 CI/CD 구축

• 개발 환경을 개선하기 위해 Github Actions를 이용하여 CI/CD를 구축했습니다.
• CI/CD를 구축하면서 S3를 이용한 배포 및 Github workflows에 대해 알 수 있었습니다.

⏺ 다크 모드 구현

• 보다 나은 사용자 경험을 위해서 사이트 전체에 대해 다크 모드를 적용했습니다.
• 다크 모드를 적용하기 위해 ThemeProvider를 커스텀하며 context API에 대한 이해도를 높일 수 있었습니다.
• 다크 모드를 쉽게 사용하기 위해 커스텀 훅을 만들며, 커스텀 훅에 대해 배울 수 있었습니다.

📚 기술 스택

👨‍👩‍👧‍👦 팀 소개

이아륜	조유민	이소연	한원준
AI	AI	BE	FE
@125ryun	@ymchogotta	@lee0594	@Novrule