Skip to content

ClicktoCook is a simple and responsive recipe website featuring categorized meals like Breakfast, Lunch, and Dinner. Built with HTML, CSS, and JavaScript, it displays recipes from a local JSON file with a clean, user-friendly interface. credit - manishsuthar01

Notifications You must be signed in to change notification settings

DeepakPrajapat01/ClickToCook

Repository files navigation

🍳 ClicktoCook

ClicktoCook is a simple and responsive recipe website that helps users explore categorized recipes like Breakfast, Lunch, and Dinner. Built with HTML, CSS, and JavaScript, it displays recipes dynamically from a local JSON file using clean and user-friendly UI cards.


🚀 Features

  • ✅ Clean, modern design
  • ✅ Recipe categories: Breakfast, Lunch, Dinner
  • ✅ Dynamic recipe loading using JavaScript and local JSON
  • ✅ Responsive layout for mobile, tablet, and desktop
  • ✅ “More” button loads a separate category page
  • ✅ About page with site purpose and future plans

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • JSON (for recipe data)

📁 Folder Structure

ClicktoCook/ ├── index.html ├── about.html ├── style.css ├── scripts.js ├── data/ │ └── recipes.json ├── images/ │ └── (all recipe images)

👨‍💻 Author

Made with ❤️ by Manish Suthar
📧 manishsuthar78775@gmail.com]


📄 License

This project is licensed under the MIT License.

About

ClicktoCook is a simple and responsive recipe website featuring categorized meals like Breakfast, Lunch, and Dinner. Built with HTML, CSS, and JavaScript, it displays recipes from a local JSON file with a clean, user-friendly interface. credit - manishsuthar01

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published