An interactive recipe explorer application built in 48 hours for the KendoReact Free Components Challenge on dev.to.
This project helps users quickly find recipes by searching for dish names, featuring a clean UI built entirely with KendoReact components.
Watch the video demo here: YouTube Video
Read the full project write-up: dev.to Article
-
⚡ Instant Fuzzy Search: Instantly find recipes by title as you type, powered by Fuse.js.
-
🍽️ Detailed View: Click on any recipe to open a modal with full details, including cooking steps and nutritional information visualized in a chart.
-
📊 Sort & Filter: Easily sort results by rating or name.
-
💡 Smart Feedback: Non-intrusive notifications provide helpful feedback, for example when a search yields no results.
-
💅 Polished UI: A clean and responsive interface built with a suite of 12 beautiful KendoReact components.
-
Framework: React (Vite)
-
UI Components: KendoReact components
-
Search: Fuse.js for client-side fuzzy search
-
Deployment: Netlify
This project utilizes the following components: AppBar, Input, Button, Card,
Dialog,Loader,Notification, Chart, Rating, DropDownList,SvgIcon, xIcon.
- Clone the repository:
git clone https://github.com/vero-code/taurus-pan
cd taurus-pan- Install dependencies:
npm install- Run the development server:
npm run devAll recipe photos were sourced from Unsplash and are used under the Unsplash License.
This project is distributed under the MIT License. For more information, check the LICENSE file.