Avatar of Keeya Wang-Jones

Hey everyone,

I am using Nylas on the backend for my product to schedule events. I am trying to recreate the front-end UI that is very similar to Calendly. It is called Scheduling Page UI in Nylas. They are basically the same model. Calendar of available day on the left and available time slots on the right. User chooses day -> Time slots are shown -> User Confirms timeslots.

I am wondering if there are out-of-the-box React components that can help me build this. I see it as 3 components: Calendar on the left, time on the right, and Confirm trigger. CSS animation to reveal the Confirm button.

I attached the image of Nylas, the vendor we are using. You may wonder, why do I need to build this from scratch if they already have it? It is because the API for this Scheduling Page UI is not a part of our package to use their virtual calendar on the backend to allow my users to schedule multiple events. It is a different service. They advise we building the front-end separately and use Web-hooks to connect the metadata, etc.

SUPER GREAT COMPANY! But I need some help to build the image you see in the next few days.

Any suggestions on components that I can use to piece this UI together?

READ MORE
Discord (discord.com)
8 upvotes·16.7K views
Needs advice
on
CalendlyCalendlyReactReact
and
ReduxRedux

Hello,

I am trying to bring in an efficient calendar API that allows multiple users to book meeting with 1 or 100s clients. If a client signs up for a meeting on an available slot, the appointment will show on both users' calendars and within the app.

I can't decide on how I should seamlessly implement this in my platform due to so many options. I'm building an experimental MVP so I need to keep the costs down. My application is in React + Redux. I need full control over the UI Visual Design. The calendar must also sync to 3rd party services such as Google Calendar.

Looking at these services or libraries to help speed up implementation:

Any advice?? :)

READ MORE
5 upvotes·33.4K views
Recommends
on
BrowserStackBrowserStack

Hi Claudia, You can use Chrome Dev Tools and also BrowserStack. I tend to use both. BrowserStack is expensive, monthly fee, which is annoying if you only need to use it for QA a few weeks before release. You'll need to keep cancelling and restarting the plan on BrowserStack. You may get really far with Chrome Dev Tools, Safari Mobile Responsive, Firefox Responsive, IE Responsive Tools. BrowserStack is nice for really one reason: Test on many devices and they are real devices.

READ MORE
4 upvotes·140 views