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

absolutely amazing guide! best calendar on YT! this calendar probably made me a job offer, much obliged!

I'm almost through this tutorial it's amazing! I'm doing it in NextJS which ahs required a few changes. However I can't get the event modal to both a) show an existing event when clicked on AND at the same time b) show a blank modal when an empty day is clicked on. I can do one or the other , and have tried updating my state so many differnt ways. Did anyone else struggle with this part of the tutorial? Or use Next? Thanks if anyone can help!

nice!

Can you Implement drag and drop on the events

zor

Just finished it, works great! Thank you for this, it's just what I needed. Very good tutorial, so far the best one out there on making a React calendar. Also a really good React tutorial in general.

20min in, and I just love how you go over every step of the way! I'm looking forward to the rest.... I'll continue the post as I go. So far, WELL DONE!

This is awesome!

Cool tutorial. Since i haven't much experience with dates the first day i struggled with the algorithm for solving the structure of the month array , but it made me spend the day with dates and now i feel like i have learn a lot. Thank you!

Thank you, the savior i took the code, as i had a deadline, will study later <3

Absolutely real Chad man. Thanks

OMG, you are really my savior! thank you so much

Does this require a backend to save the tasks etc? 🎉

Great movie, thank you very much. I learned many interesting things thanks to it.

I’m able to deploy the example project but it looks like a lot of the css isn’t functioning. All elements are displayed but they are simply in a list and have the grid doesn’t appear. Any idea on a simple fix? Thanks for your time!

hi Esteban. very good tutorial i like it so much you are amazing. I have a question if i add an event for example on monday and i want this event to show on every monday how to do that. Thank you

wow, cool really helpfully when I wanna to create a calendar, Sooo Thankyou sooo muchh

could you please share your VS Code configuration and theme?

Great video, saved my job. :D Could you help me with a situation? How do I make the days that are not referring to the selected month have a gray background and I cannot click on them? Thank you very much.

The best calendar tutorial ever!! And he explained in such a way that I was able to customize it according to my needs as I followed along

Great content my friend. Hope you doing well.

I really enjoyed watching the react calendar functionality it is very well done and I am sure you guys must have taken a lot of time building it. Wondering whether this can also be used in nextjs projects.

Cool, how does this look when in mobile?

This is amazing, and I really enjoyed following along with this! I just wanted to let you know that craco isn't compatible with the latest version of React Scripts (v5). Craco needs v4. It hasn't been an issue yet, and I've been able to follow your tutorial to create the Month view. Thank you so much!

it was really helpful!!!! coooool!!

Thanks man..it was the best ever video of calendar app....it was very helpful..will try step by step all the procedure..

Hello Esteban, your tutorial really help me. I have a question if you can help, what if I want to change the language to calendar (in my case to portuguese), how can I do this?

keep going bro, you are awesome

This is awesome!

Great tutorial! Would you please do a video showing how you would create a weekly view and display all-day events vs events with specific start and end time? Also drag and drop events to change the time or day, stretching the event, repeating it every week or every X weeks... Thank you

Is there any place that we can log in with our google account?

Thank you Esteban for making this video

The best tutorial😄😄

not all months have 5 rows: next month (july 2022) has 6 rows, the 31st is cut off

Great tutorial! Thank you very much! Very informative!

Tailwind : -(

One of the best tutorials of react i have seen so far… covers a lot of high ordered function and important hooks. This project also definitely highlights great Javascript skill.

Hi Esteban, I started a few months ago to work in JS and REACT, because I was limited with the TWIG Symfony. So I added some simple REACT components. My next goal is to add an appointment book per masseuse for a spa. Your tutorial gave me a better understanding of the subject.
This allowed me to understand, how to extend the functionality of the interface step by step. I also discovered the use of Craco and Tailwind.
As I'm starting with React and JS some functions are still a bit fuzzy for me (createContext for example). The advantage of your tutorial is that we see a lot of things and in the end we have a complete application. Thank you very much for this great work.

great tutorial bro. please do more react project like this. you are awesome.

good job bro great tuto . i have a question tho i want to understand where the data is stored ? because u're not using any backend but still the data don't reset even if i restart the React server .

Can you make a clone of Fantastical a ios calendar app ???

Great, Thanks Broo 👍

Thank a lot !

Very nice! would you make a similar example with typescript?

Awesome Tutorial +++++++++++++++++++++ Thank You

Hi Esteban, this is a great video and project!!
I have watched this until finished, and also I did the google clone react project by you.
maybe in the future, I will tweak this project with some google auth & google API calendar, so i can upload it to the LinkedIn project hehe
of course i will mention your name on the web apps.
Thank you, cheers!!