Skip to content

[react/node.js] 반려동물 관리 서비스

Notifications You must be signed in to change notification settings

ktmihs/AnimalManagement

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐱 petAm - 반려동물 관리 웹 페이지 🐶

✔ 반려동물을 등록하여 동물병원 예약을 할 수 있고, 병원 판매 제품 확인 및 진료받은 병원 후기를 작성할 수 있다.


MOVE LOCATION

💻 PETAM-SERVER START
📂 FOLDER HISTORY
📸 PAGE PREVIEW
📄 ERD CHART
📄 WORK FLOW CHART



💻 PETAM-SERVER START

package.json 설치

npm update

nodemon 실행

yarn start


📂 FOLDER HISTORY

👉 [Front] petam

  • component 기반 react project
  • react-router(route, switch)로 dom 관리
  • redux, redux-saga를 사용한 register, login 구현
  • useState, useEffect, useRef, useHistory, useLoaction 등 hook 사용
  • axios로 server api 사용

👉 [Server] petam-server

  • node.js framework koa 사용
  • mongoose로 mongoDB 연결
  • joi, bodyparser로 front로부터 받은 json 데이터 파싱
  • jwt(jsonwebtoken) 발급으로 register, login

👉 [Docs] Docs

  • 설계
    • DB
    • UI
    • 기능차트
    • 메뉴 구성도
    • 서비스 구성도
    • 업무흐름도
    • 유저스토리
    • 테이블 정의서
    • 화면 설계서
  • Back-end
    • Koa 작업 환경 준비
  • Meeting Notes
    • 회의마다 작성한 회의록


📸 PAGE PREVIEW

👉 Main page : 메인 페이지

image

👉 Search page : 검색 및 병원 조회가 가능한 페이지

image

👉 Hospital page : 특정 병원 상세 정보 및 판매 제품 조회, 예약/후기로 이동 가능한 페이지

image

👉 My reservation page : 내 예약내역을 볼 수 있는 페이지. 진료 완료 여부로 구분됨.

image

If you want to see another page, click here.



📄 ERD CHART

erd_v2_Full_0414



📄 WORK FLOW CHART

업무흐름도_v2_210813_최종

TOP

About

[react/node.js] 반려동물 관리 서비스

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.7%
  • CSS 46.9%
  • Other 0.4%