Google Calendar Clone with React - React Hooks ,React Context and Tailwind

Published: 17 September 2021
on channel: Esteban Codes

136,711

3.1k

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

On this page of the site you can watch the video online Google Calendar Clone with React - React Hooks ,React Context and Tailwind with a duration of hours minute second in good quality, which was uploaded by the user Esteban Codes 17 September 2021, share the link with friends and acquaintances, this video has already been watched 136,711 times on youtube and it was liked by 3.1 thousand viewers. Enjoy your viewing!

255