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

Pubblicato il: 17 settembre 2021
sul canale di: 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

In questa pagina del sito puoi guardare il video online Google Calendar Clone with React - React Hooks ,React Context and Tailwind della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Esteban Codes 17 settembre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 136,711 volte e gli è piaciuto 3.1 mille spettatori. Buona visione!

20,620

422

00:00:00