Website site for a family run restaurant

Link

eatery

Tools

  • React
  • TailwindCSS
  • Typescript

Categories

  • Frontend
  • Responsive
  • Color mode

This is a Frontend app built using React, Typescript & TailwindCSS.

This site is designed and developed end-to-end by me and is fully responsive and intuitive for the end user.

The site easy to deploy and update with the data needed being read from an excel and the pictures being static assets.

smart_phone_mockup

Motivation: With the spread of mobile phones even to tier-3 cities, customers nowadays want to look-up a restaurant before they visit. However, it is not easy for a small family run restaurant to have a digital footprint and they are also not in a position to hire someone to do it.
This site was developed in such a way that the menu is read from an excel and all the pics are stored are static assets. If the owners want to change the price, they just change the excel! Since it is all static, this can be hosted on most platforms for free

ipad_mockup

Process: This was first done quite a while ago as a project to learn React. The original site can be found here. Current version is a complete visual redesign of the site to make it visualy appealing an more intuitive.
Most of the functionality is still retained.
The visual design was then tweaked till it was engaging without being overwhelming. This time around , I got use TailwindCSS instead of css modules. Refactoring everything from css modules to TailwindCSS was a lot of fun and a wonderful learning experience.

laptop_mockup

Lesson learnt: Hire a Designer😜 While it was a lot of fun working on the visual design part of the site, it took a lot of effort. However, that is easier said than done due to cost reasons.

Contact: