Skip to content

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

Packages

Used by

Contributors

Languages