GrabFood UI Clone

Features

• Fully responsive layout across Desktop, Tablet, and Mobile using Tailwind CSS.
• Smooth, no-reload navigation between the Homepage, Restaurant Details, and Category pages via React Router.
• Modular components like Food Cards and Search Bars designed for high reusability.
• Dynamic rendering of restaurant lists and menus using mock JSON data.

Challenges

• Shifting my mindset from traditional DOM manipulation to React's State and Props management for the first time.

Learnings

• Gained a solid grasp of React's core mechanics, especially using Hooks like useState and useEffect to manage data and UI rendering.
• Developed a self-learning workflow by diving into official documentation and troubleshooting real-world bugs during development.
• Learned how to deploy and manage a live web application using GitHub Pages for real-world accessibility.

Links

GithubFrontend Site