Skip to content
/ im20-project-cal-culator Public

A web application that lets users take control over what they eat!

0 stars 1 fork Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

codestates/im20-project-cal-culator

BranchesTags

Repository files navigation

CODESTATES & TEAM HELL-THY

πŸ— PROJECT-CAL-CULATOR

πŸ“— μ„œλΉ„μŠ€ μ„€λͺ…

Cal-CulatorλŠ”....

  • μœ μ €κ°€ 식단을 관리할 수 μžˆκ²Œλ” λ„μ™€μ£ΌλŠ” μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ μž…λ‹ˆλ‹€.
  • μœ μ €λŠ” 먹은 μŒμ‹μ„ μž…λ ₯ν•˜κ³ , κ·Έλž˜ν”„/차트 λ“±μœΌλ‘œ μžμ‹ μ΄ μ–Όλ§ˆλ‚˜ λ§Žμ€ 칼둜리λ₯Ό μ„­μ·¨ν•˜μ˜€λŠ”μ§€ μ•Œ 수 μžˆμŠ΅λ‹ˆλ‹€.
    • 일별, 주별, 월별 데이터λ₯Ό κ·Έλž˜ν”„μ™€ 차트둜 ν•œλˆˆμ— λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μœ μ €μ˜ 성별, λ‚˜μ΄μ— 따라 μΆ”κ°€μ μœΌλ‘œ μ„­μ·¨λ₯Ό ν•΄μ£Όμ–΄μ•Ό ν•  μ˜μ–‘μ†Œ, μ„­μ·¨λ₯Ό ν”Όν•΄μ•Ό ν•  μ˜μ–‘μ†Œλ₯Ό μΆ”μ²œν•΄μ€λ‹ˆλ‹€
  • Spoonacular APIλ₯Ό μ‚¬μš©ν•˜μ—¬ κ²€μƒ‰ν•œ μŒμ‹μ˜ μ£Ό μ˜μ–‘μ†Œ(νƒ„μˆ˜ν™”λ¬Ό, λ‹¨λ°±μ§ˆ, 지방, λ‚˜νŠΈλ₯¨, λ“±...)λ“€μ˜ ν•¨μœ λŸ‰μ„ λ°›μ•„μ˜΅λ‹ˆλ‹€.

πŸ”§ μ„€μΉ˜ & μ‚¬μš©λ°©λ²•

  • Cal-culatorλŠ” Node.js 기반으둜 λ§Œλ“€μ–΄μ§„ μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μž…λ‹ˆλ‹€.
  • Cal-culatorλ₯Ό μ„€μΉ˜ν•˜κΈ° μ „, Node.js의 LTS버전과 npmμ„μ˜ μ΅œμ‹  버전을 μ„€μΉ˜ν•˜μ—¬ μ£Όμ‹œκΈ° λ°”λžλ‹ˆλ‹€.
https://nodejs.org/en/
https://www.npmjs.com/get-npm
  • 이 λ ˆνŒŒμ§€ν† λ¦¬λ₯Ό forkν•˜μ—¬ 본인의 둜컬 λ ˆνŒŒμ§€ν† λ¦¬μ— clone ν•©λ‹ˆλ‹€.
git clone https://github.com/codestates/im20-project-cal-culator
  • μ„±κ³΅μ μœΌλ‘œ λ°›μ•„μ‘Œλ‹€λ©΄, server 폴더와 client ν΄λ”μ—μ„œ 총 2번의 npm install 을 ν„°λ―Έλ„μ—μ„œ μ‹€ν–‰ν•©λ‹ˆλ‹€.
  • .env νŒŒμΌμ„ server 폴더 λ‚΄μ—μ„œ μƒμ„±ν•˜κ³  λΉ„λ°€λ²ˆν˜Έμ™€ apiν‚€λ₯Ό μ €μž₯ν•©λ‹ˆλ‹€
FOOD_API_KEY = YOUR FOOD API KEY
PASSWORD = YOUR MYSQL PASSWORD
NODE_ENV = development
  • μ„œλ²„μ˜ 싀행은 server ν΄λ”μ—μ„œ npm run serverλ₯Ό, ν΄λΌμ΄μ–ΈνŠΈμ˜ 싀행은 client ν΄λ”μ—μ„œ npm startλ₯Ό ν„°λ―Έλ„λ‘œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

ν΄λΌμ΄μ–ΈνŠΈ μ‹€ν–‰μ‹œ ν™”λ©΄

1home

둜그인 ν•˜μ§€ μ•Šκ³  summary, calculator, do & dont νƒ­ μ ‘κ·Ό μ‹œλ„μ‹œ

4block_sum_cal_do

νšŒμ›κ°€μž… ν™”λ©΄

5-1create

Calculator νƒ­ 이용

7calculator

7-2addlist

7-3confirm

먹은 μŒμ‹ 등둝 ν›„, 일/μ£Ό/월별 μš”μ•½

8summary

μœ μ €μ—κ²Œ ν•„μš”ν•œ μ˜μ–‘μ†Œ, ν•„μš”ν•˜μ§€ μ•Šμ€ μ˜μ–‘μ†Œ μΆ”μ²œ

9dodont


**이 외에 ν”„λ‘œμ νŠΈ κ³Όμ •μ—μ„œμ˜ κΈ°νšκ³Όμ •, 회고, 진행 ν˜„ν™©λ“± μžμ„Έν•œ 사항듀은 Wiki에 κΈ°λ‘ν•˜κ²Œ λ©λ‹ˆλ‹€. [μ—¬κΈ°](https://github.com/codestates/im20-project-cal-culator/wiki)λ₯Ό 눌러 이동해 μ£Όμ„Έμš”**

About

A web application that lets users take control over what they eat!

Topics

react nodejs chartjs express-session rmwc

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

2 watching

Forks

1 fork
Report repository

Releases

No releases published

Packages

No packages published

Contributors 5

Languages