DEV Community

Cover image for How we cloned calendly with HTML, CSS, JS in 3 days.

How we cloned calendly with HTML, CSS, JS in 3 days.

shubham rathod
・1 min read

Building a clone of

Hello there,
We were given a project to clone the website ‘Calendly’ as part of Masai School’s curriculum. In this blog I’m telling you the story of how me and my team made the clone website of

What is Calendly?

Calendly is a scheduling software, which aims to save time, accelerate sales, and improve service quality. It eliminates the old-school way of using email and phone tags for
scheduling appointments, calls, interviews, demos, and more.

How did we start the project?

We started with a team of Four members. I was responsible for managing GitHub repository. I created branches and assigned them to the respective persons.
So on the first day we decided to complete four pages, that is each one of us complete one page. And second day onwards we decided to start adding major functionalities like register, login and user profiles.

Team Members:

  • Shubham Rathod
  • Hari Sanas
  • Mahima Makkar
  • Ajmal KV

Tech Stack :

  • Html
  • CSS
  • JavaScript
  • Json


We tried to implement a workflow where a user can surf the website, register and login, and create their own events. We faced some issues in responsiveness, styling parts, etc. But with the help of each other we solved all issues and at last we managed to complete the project before the deadline.

Some Snapshots of our project that we made:-

calendly clone

calendly clone

login screenshot

Discussion (1)

aheisleycook profile image

cool project lets say you added a database are yoing t add mysql sqlite3 or nosql