웨이링 (Wait-Ring)

Description

원격 웨이팅 서비스로, 인기 음식점 정보 제공 및 리뷰 공유, 음식점 웨이팅/예약 신청을 위한 리액트 웹앱입니다.

기획/설계

• 화면 설계 (Figma)

• DB 설계 (dbdiagram)

Goals

• 화면 설계를 기반으로 화면을 만들 수 있다
• 재사용성을 위해, 최대한 작은 컴포넌트 단위로 분리할 수 있다
• 라우팅을 통해 SPA를 구현할 수 있다
• 미디어쿼리를 통해 반응형 웹을 만들 수 있다

Quick Start

• install

git clone https://github.com/callu9/wait-ring
npm install

• run

npm start

TODO

• 반응형 웹을 위한 미디어쿼리 적용
  • ref. 블로그 (반응형 웹을 만들어보자)
• 소셜 로그인/회원가입 적용
  • ref. 블로그 (React로 카카로, 네이버 소셜 로그인 구현하기)
• CRUD 위한 Firebase 적용
  • ref. 유튜브 영상 (Firebase로 당근마켓 만들기)
  • ref. 블로그 (React X Firebase)
  • ref. 블로그 (React X Firebase, 소셜 로그인)
• 웹페이지 정적 배포
  • Netlify
  • ref. 블로그 (React 프로젝트, 정적 사이트 Netlify에 배포하기)
• PWA 전환
  • ref. 블로그 (React 앱을 PWA로 만들기)
• 점포용 웨이링 서비스 제작