Creating an Event Calendar Application with React JS
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=KUKyTRYGrnU
Check the live version • https://google-calendar-clone.netlify... • Source code of the app • https://esteban.site/tutorials/google... • Setup nodes: • (use yarn add if you are using yarn) • Dev dependencies • npm install -D tailwindcss@latest postcss@latest autoprefixer@latest • Direct dependencies • npm install @craco/craco dayjs @tailwindcss/forms • Any doubts • Refer to the oficial tailwind docs for react https://tailwindcss.com/docs/guides/c... • Html links to have icons and the font • https://github.com/3stbn/google-calen... • Assets of the project • https://github.com/3stbn/google-calen... • Timestamps • 0:00:00 Demo and Intro • 0:03:03 Project setup • 0:08:36 Array of days • 0:20:32 Initial Components • 0:29:21 Displaying the days and months • 0:40:13 Calendar header • 0:47:13 Setting up the context • 1:00:00 Sidebar components • 1:06:00 Small calendar component • 1:36:00 Saving new events • 2:19:30 Displaying events on individual days • 2:26:53 Deleting and updating events • 2:36:30 Filtering events by tag • 2:56:35 Fixing modal bug • --------------- • You can support the channel for more free content by clicking the Thanks button • --------------- • Second channel on Spanish • / @dacoder8061 • ---------------- • Follow me on social media • GitHub: https://github.com/3stbn • Twitter: / esteban_codes
#############################
