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

Veröffentlicht am: 17 September 2021
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Google Calendar Clone with React - React Hooks ,React Context and Tailwind mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Esteban Codes 17 September 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 136,711 Mal angesehen und es wurde von 3.1 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

20,620

422

00:00:00