Skip to content

Latest commit

 

History

History
46 lines (31 loc) · 1014 Bytes

readme.md

File metadata and controls

46 lines (31 loc) · 1014 Bytes

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