Dine Restaurant(Two page website built with Next.js, Sanity, Tailwind)
Design comparison
Solution retrospective
There were several different things I've learnt and practiced while building this project. Building better forms with zod and react-hook-form libraries, building reusable components, Practicing branding the sanity studio dashboard & Creating a form that submits the form data to the sanity studio dashboard for the user to then handle.
Sanity allows us to customise the way we present the content, which will be very useful and helpful for employees/users handling the content on the dashboard. If I had more time I would probably add these changes, for instance, grouping the bookings into "todays bookings", "This weeks bookings", "This months booking" and etc. Presenting the content in different, more useful ways like this, would greatly increase the users overall experience in my opinion. Which is why I feel a headless CMS like Sanity would be the best tool for the job for a business like a restaurant.
What challenges did you encounter, and how did you overcome them?I used the zod validation library to handle the actual validation. Checks are comprehensive and can handle the different use cases. For example, checking the basic ones, like checking if empty, checking for a valid email & checking for the correct input types like a string or a number.
Although I needed a way to handle custom checks, this is where I learnt how to use the transform function in the schema to access all the individual values and perform custom checks with each of them together, like checking if the booking was todays date and if the time was within opening hours and etc
What specific areas of your project would you like help with?If anyone has any feedback let me know! Any sort of feedback is greatly appreciated, thank you 👍
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord