Skip to content
An appointment scheduler built using React, Twilio and Cosmic JS.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets/images repackage Sep 12, 2017
config Add twilio env vars Sep 6, 2017
extensions fixes Sep 12, 2017
public repackage Sep 12, 2017
src repackage Sep 12, 2017
.babelrc repackage Sep 12, 2017
.gitignore rm ds Sep 12, 2017 rm ds Sep 12, 2017 rm ds Sep 12, 2017
app.js rm ds Sep 12, 2017
package.json repackage Sep 12, 2017
webpack.config.js repackage Sep 12, 2017
yarn.lock repackage Sep 12, 2017

Appointment Scheduler


View Demo

This Appointment Scheduler lets users select a day and a one-hour time slot between 9AM and 5PM to meet with us. It integrates with Twilio to send a confirmation text that their appointment has been scheduled. This also comes with a Cosmic JS Extension so we can manage the appointments right from within the Cosmic JS dashboard.

Getting Started

Local Installation

  1. Go to Cosmic JS and create a Bucket to store your appointments.
  2. Download the repo
git clone
  1. Install packages and start the app
npm i
COSMIC_BUCKET=your-bucket-slug npm start

Go to http://localhost:3000 to see your app. To connect to Twilio, you will need to first create a Twilio account and add your access keys.

Cosmic JS Installation

You can also install the app directly to your Cosmic JS Bucket located in Your Bucket Dashboard > Apps. To connect your Twilio keys, just add them to the environment variables section of your Bucket Your Bucket Dashboard > Deploy Web App > Set Environment Variables

You can’t perform that action at this time.