Skip to content

imama-ansari14/JS-PROJECTS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

🚀 JS Projects

A collection of practical learning of Javascript by building JavaScript Projects using HTML, CSS, Bootstrap, and Vanilla JavaScript (ES6+).
This repository includes:

  • 🍽️ Recipe Finder App
  • 📝 Todo App


🍽️ Recipe Finder App

A dynamic web app to search recipes by ingredients using a public API.

✨ Features

  • 🔍 Search Recipes by Ingredient
  • 🌐 Fetch Real Recipes Using API
  • 🍲 View Full Details in Modal (Name, Image, Category, Instructions)
  • ⚠️ Error Message for Invalid Search
  • 📱 Fully Responsive
  • 🎨 Clean & Smooth UI

🛠️ Built With

  • fetch() API
  • Dynamic DOM manipulation
  • Responsive layout

🍽️ 📝 Todo App

A clean and simple task manager to organize your daily tasks.

✨ Features

  • Add New Tasks
  • ✏️ Edit Existing Tasks
  • ✔️ Mark Tasks as Completed
  • Delete Tasks
  • 🧼 Minimal & Clean UI
  • 📱 Fully Responsive

🛠️ Built With

  • DOM Events
  • Dynamic Rendering
  • JavaScript Conditionals & Arrays

📸 Screenshots

🍽️ Recipe Finder App

Home Page Recipe Modal
Screenshot Screenshot

📝 Todo App

Todo List After Tasks
Screenshot Screenshot

🔗 Live Demo Links

Recipe Finder App
🔗 Live Demo: Click Here
Todo App
🔗 Live Demo: Click Here

---

💡 About the Developer

Hi! I’m **Imama Ansari**, a passionate Frontend Web Developer who loves turning designs into reality. I enjoy learning and creating functional, responsive web applications.

📫 Contact Me:


📝 License

This project is open-source and free to use for learning and development purposes. If you use any of the code, kindly credit the author. 🌟


⭐️ Thank you for visiting My Projects!

i hope you like My Projects (Recipe Finder App & Todo App).

If you find it useful or inspiring, feel free to ⭐️ the repository and share your feedback.