GitHunt
RA

rasel-mahmud-dev/google-calendar-clone

Build Google Calendar Clone. This calendar helps in creating meetings, managing day-to-day activities, and serving other purposes for this company. The calendar was built using ReactJS, SCSS, dayjs, Tailwind CSS, and so on.

Custom Calendar

Create custom calendar without any 3rd party library inspired by google.
Built custom calendar using dayjs.

This calendar helps in creating meetings, managing day-to-day activities, and serving other purposes for this company. I was inspired by Google Calendar while developing it. The calendar was built using ReactJS, SCSS, dayjs, and Tailwind CSS. I used Context API for global state management.

Features

  • User can create event, invited users who are registerd.
  • Month and day view.
  • filter by type events.
  • login/registration.

Technology uses:

  • dayjs
  • ReactJS
  • Context API
  • Sass
  • React-Quil
  • html-react-parser
  • react-hook-form
  • yup
  • Nodejs
  • ExpressJS
  • Mongoose
  • Cloudinary (image upload)
  • Formidable (parse form data)

Live: https://google-calendar-clone01.netlify.app

Previews

Month view

image

Day view

image

Add Event Modal

image

Languages

JavaScript88.1%SCSS11.3%HTML0.4%CSS0.3%

Contributors

Created April 16, 2023
Updated August 27, 2025