식사 메뉴를 추천합니다. (식.메.추.)

시작하기

배포 링크

참여하기

다음 버전이 필요합니다: Node.js 16.20.2, Npm 8.19.2

git clone https://github.com/YeonsuBaek/sikmechu.git
npm install
npm run dev

프로젝트 소개

작업기간

v1.0: 2022.11 - 2022.12 v2.0: 2024.02 - 2024.03

구성원

1명 (기여도 100%)

설명

선택한 옵션에 따른 식사 메뉴를 추천해주는 서비스

주요 업무

1. UI 디자인: Figma를 통해 컴포넌트 단위로 UI 디자인
2. 퍼블리싱: Tailwind CSS를 사용해 빠르게 UI 개발
3. 데이터베이스 연동: Firebase를 통해 옵션과 메뉴에 대한 데이터베이스를 생성하고, 선택 옵션에 따라 메뉴를 보여주고 새로운 메뉴를 저장하는 기능 구현

관련 포스트

1. 사용자 15명의 피드백을 수용하여 v2.0으로 업그레이드

• Firebase를 활용해 메뉴 데이터 저장 및 불러오기
• History API를 활용해 라우팅 기능 구현
• 재사용 가능한 Toast, Modal 컴포넌트 생성
• 번들러, JSDoc 도입

2. Tailwind CSS를 사용하여 클래스명을 고민하지 않고 스타일링을 구현하며 자주 사용되는 스타일은 유틸리티로 리팩터링

기술

JavaScript, JSDoc, HTML, Tailwind CSS, Firebase, Figma, Git