Skip to content

πŸ”ͺ Forkify App β€” A modern recipe search app built with Vanilla JavaScript, featuring API integration, dark/light mode, and a custom-made virtual DOM system inspired by React for efficient UI updates. Clean code, dynamic UI, and real-time recipe fetching!

Notifications You must be signed in to change notification settings

syedabdullahali/forkify-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍴 Forkify App

The Forkify App is a simple and interactive web application built using JavaScript, HTML, and CSS that lets users search for meal recipes and explore cooking instructions.

πŸš€ What Does It Do?

  • Users can search for recipes (like "pasta", "chicken", etc.)
  • App fetches data from an online recipe API
  • Users can view recipe details like ingredients and cooking time
  • Includes an option to order a meal (demo feature only)
  • Supports Dark Mode / Light Mode for a better user experience
  • Smooth and dynamic UI updates using a custom virtual DOM-like approach

πŸ›  Technologies Used

  • JavaScript (with ES6 Classes and Functions)
  • HTML5
  • CSS3
  • Fetch API for getting data from the internet
  • Custom-built Virtual DOM (similar to React) for efficient rendering

🧠 What is Virtual DOM (in simple words)?

In this project, I created a mini version of how React updates the screen. Instead of changing everything on the page, the app checks what really changed and updates only that part. This makes the app faster and smoother β€” just like how React works behind the scenes.


πŸ’‘ Why I Built This

To improve my understanding of:

  • API handling using JavaScript
  • DOM manipulation and performance optimization
  • Creating cleaner, reusable code using classes
  • Real-world frontend app structure and logic

About

πŸ”ͺ Forkify App β€” A modern recipe search app built with Vanilla JavaScript, featuring API integration, dark/light mode, and a custom-made virtual DOM system inspired by React for efficient UI updates. Clean code, dynamic UI, and real-time recipe fetching!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published