home-quiz-manage-reservations's Issues
component/common
- Layout : 빈 페이지 레이아웃
- button : 아이콘과 라벨을 포함하는 버튼
- bgColorReverse 여부에 따라 폰트, 배경색 반전
- input : 값 입력 시 placeholder가 floating되는 형태
- textarea :
edit svg가 포커스 아닐 시 placeholder와 value 뒤에 따가라도록- 토글로 변경할 것
- select table : 라벨과 id만 가진 item list를 prop으로 받고 클릭 시 select에 보여줌
- 추가된 item badge를 클릭하면 목록에서 제거됨
- #3
- 시간 선택 input과 개별 시간 선택 옵션은 상태 공유
needed features
- 필요한 reservation state 속성
- id
- 이름
- 폰넘버 : 유효성 검사(숫자만 입력, 3,4,4 사이에
-
추가) - 예약 날짜
- 예약 테이블 번호
- 예약 층수
- 예약 인원 수 (0이하로 안 내려가게)
- 노트 내용
- 앉았는지 여부
- 전체 예약 목록 context
- 새 예약 등록 context
- 기존 예약 수정 context
DatePicker : 시간 선택 input과 날짜 선택 input
component/reservation
- select date : 시간 설정 가능한 컴포넌트
- modal header : title을 포함한 children을 받는 header
- card : 예약 내용이 담긴 카드
- new & edit : 새로 생성하면 값이 없는 빈 편집 페이지, 있으면 값 넣어은 편집 페이지
feature/routes
-
Outlet
이용해 App에 하위 route로 각 페이지 렌더링 -
New Reservation
클릭 시/register
로 푸시 -
Card
클릭 시/edit
으로 푸시 -
X
클릭 시 페이지 닫고/
으로 푸시 -
Backspace
클릭 시 이전 페이지로 푸시 -
register
oredit
에서select date
클릭 시/date
로 푸시 -
date
에서 휴지통 orsave
클릭 시 이전 페이지로 푸시
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.