Recipe App v 2.0

음식 레시피를 검색하고 로컬스토리지를 통해 원하는 음식 정보와 재료 목록을 저장할 수 있는 web app 입니다.

About RecipeApp v 2.0

[v 1.0 repo 로 이동]

주요 기능

• 음식 검색
• 음식 별 좋아요 기능
• 레시피 별 재료 목록 제공

부가 설명

• Vanilla JS (ES6+) 기반의 Front-end 프로젝트입니다. (open API data 사용)
• 기존 Version 1.0 에서 코드의 유지보수성과 UX를 향상 시키기 위해 새로운 구조로 refactoring 하여 Version 2.0 를 개발하였습니다.
• React.js 라이브러리를 모티브로하여 Class Component 의 구조를 직접 설계하였습니다.
• Global State Management 를 도입하였습니다.
• Jest 를 사용해 부분적인 TDD 를 시행하였습니다.
• 비즈니스 로직과 렌더링을 분리시킨 MVC 패턴을 구현하였습니다.
• build 를 위해 Webpack 을 직접 설정하고 사용했습니다.
• 반응형으로 디자인 되었습니다.

기술 스택

• Javascript (ES6+)
• HTML5 / CSS3
• Babel / Webpack / Jest

실행 명령어

- dependency 설치 :
$ npm install

- webpack dev server 시작 (development mode) :
$ npm start

- test :
$ npm test