I want to make a booking calendar using ReactJS, only a page.
Please check tho mockup in the attachment file.
The scope of this project:
Make a nice, smooth and beautiful calendar layout/
Make the booking block draggable.
Make the date block drag and selectable.
Open the popup, and show some simple form whenever date or booking selected, etc
Please check the attachment for the mockup.
For the page layout, use these react template:
[login to view URL]
I already bought these, and will provide the files.
For the user interface, i want to use [login to view URL], including form layout, button style, etc. Please check: [login to view URL] . The CleanUI theme already integrated with [login to view URL], so you dont need to worry integrating it.
I will provide dummy data in json format to be displayed in the calendar.
- unbooked date in the same row could be drag and selected, when drag and selected the color of the date block is changed, after that open the popup.
- a single date could be clicked, and show the popup.
- the popup opened is in the location of the booking date/selected date (not in the middle of the page)
- the booking could be drag and dropped only on the available dates, on on top of any occupied date.
- it must cross browser compatible
- You have to commit and push the progress to my git server atleast once a day. So I could always check wheter it suit my requirement.
- First I will send the files to you, and then you install it in your computer. And then you make the layout.
After that i will check the layout first, if I agree, then you can continue the work.