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

Publié le: 17 septembre 2021
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Google Calendar Clone with React - React Hooks ,React Context and Tailwind durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Esteban Codes 17 septembre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 136,711 fois et il a aimé 3.1 mille téléspectateurs. Bon visionnage!