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

Day view

Add Event Modal