DEV Community

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

Posted on

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

Building a clone of Calendly.com

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 Calendly.com.

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

Challenges:

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

AWS Security LIVE! Stream

Go beyond the firewall

There's more to security than code. Explore solutions, strategies, and the full story on AWS Security LIVE!

Learn More

Top comments (1)

Collapse
 
aheisleycook profile image
privatecloudev

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

ACI image

ACI.dev: The Only MCP Server Your AI Agents Need

ACI.dev’s open-source tool-use platform and Unified MCP Server turns 600+ functions into two simple MCP tools on one server—search and execute. Comes with multi-tenant auth and natural-language permission scopes. 100% open-source under Apache 2.0.

Star our GitHub!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay