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

Publicado em: 17 Setembro 2021
no canal de: 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

Nesta página do site você pode assistir ao vídeo on-line Google Calendar Clone with React - React Hooks ,React Context and Tailwind duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Esteban Codes 17 Setembro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 136,711 vezes e gostou 3.1 mil espectadores. Boa visualização!

2,483