Building a Modern Restaurant Booking Software: Date and Time Picker! (Part 1)

Let's build a full-stack modern restaurant booking software in NextJS, Typescript, and React, also using Tailwind for styling. I recently tried booking at a restaurant and noticed their booking system was horrible. So let's make it modern, full-stack & with a better UI! In this video, we'll start by building out the date and time picker using react-calendar, a super useful utility npm package for this use-case.

Thanks for watching and let's build a really cool booking software together!

[codewithguillaume]

I guess restaurant booking system is maybe one of the first software I created. It’s like a classic because it makes you work on many topics ! Thanks for this serie

[nunopereira]

Great video as always Josh, been a FE dev for 2 years and your videos are perfect for learning the new t3stack that has all the new upcoming standards in the industry 🙂

[mwnkt]

loving it so far, hoping to see more of this

[tomdonadel]

Great video Josh, you are a very clever man indeed. Can’t wait for part 2! I would prefer error free short videos like these. Saying that maybe you should also do some longer form live code alongs.

Thanks for all the hard work you put into your bite size videos, they have helped me a lot

[taggosaurus]

Man, you're a hidden gem. Keep up the good work. You've inspired me with your recent video (Digital Marketplace) and this one to upload some ambitious project videos myself. I'll do this too some day because my projects are usually of the similar kind but related to specific niches.

[alberteinstein]

Happy new year Josh, thanks for consistently helping me learn

[boboD]

Hey cool vid man! I like your approach for making this. The only thing that was missing was a demo in the beginning. Otherwise good stuff, keep it up!

[MalikDixon]

Thank you for the great videos that you create. I have learn much from them. I learn more from your videos when you do make mistakes and correct them accordingly because some people do the very same things that you are doing. I appreciate your time.

[tabascocity]

the first video of this serie is a perfect, hard for me but you teach quite well! 😆

[Rikimkigsck]

Thank you so much I can't explain how much you helped me Josh

[tiagoinaba]

Hey Josh, what extension do you use to build the FC skeleton?

[spiderbear]

i'm definitely down for the errors... no point in learning to code when you don't know how to fix the bugs. but ty for everything bro, learning a lot from you. thanks!

[lfilipiuk]

Hi, thank you for the tutorial! Can you share the CSS styles?

[PulsowebHernan]

Bro your videos are awesome! Keep up the good work!

[paintendo]

thx josh i will watch this playlist for my research

[raymondmichael]

Great, better way to start a year buddy.
Includes mongodb as a database, and include jwt authentication ; if all the videos are not planned out already.

But more importantly, Good work buddy ❤

[soltiscd]

Great stuff here. Appreciate it very much.
I would love to see the full video, including errors. Everyone's approach to problem solving is different. I think it would be great to learn from.

[audreylee]

Hello, thank you for the video, this is lovely, I was wondering if there is a JavaScript version of it as I do not know typescript. Thank you

[developer_hadi]

Bro thanks for your work, I was planning to make the same one but for a gaming lounge, Do you think mern stack can offer better performance and security or t3 stack? If T3 stack, then I'll use your video

[solomizan]

Hey Josh! What extension did you use to create the functional component boilerplate? I typed "FC" and selected function statement but it is showing like this ==> function name(params:type) {

} What should I do?