- npx create-react-app booking-calendar --template typescript (1minute)
- npm install sass (1minute)
- Backend is not ready, so write tasks for them
- Show working progress using commits(this document is made from top to down and shows my thinking proceess).
- Document how to run the project and run test suites.
- Need to devote max 4 hours on the task.
- Complete task is the aim but to check the thought process.
- In the end submit the public or private repo link.
- Student wants to book a call with their mentor.
- Clicking on date in the calendar shows available and booked time slots.
- Clicking on the available slot shows a input field to enter the reason of call and 'Confirm Call
button. a. Clicking on the 'Confirm Call
button will show confirmation message with date, time and reason. - Clicking on the booked slot will show a error message about booked slot.
-
Store the confirmation in the memory.
-
Allocated slots from the external api might change any time.
-
Slots are always 1 hour, starts at full hours and 24/7.
-
I can use the in-memory database instead of browser storage.
-
As I have used in-memory database, I haven't restricted used to book only one slot.
-
I forgot to use the API which was provided in the assignment, but due to time limit I am not changing. It can be altered in slot service to get response from API instead of in memory.
-
Added UI test cases, but not enough. Assumed not to have 100% coverage.
npm run dev
npm test