Website site for a family run restaurant
Link
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.
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
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.
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.