Skip to content

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.

Notifications You must be signed in to change notification settings

rasel-mahmud-dev/google-calendar-clone

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages