Back
Year
2024
Tech & Technique
HTML, CSS, JavaScript, API Integration, Local Storage, Netlify
Description
A simple website where users can search for recipes using ingredients they have at home. This was my second project to practice working with APIs and improve my JavaScript skills.
Simple features:
Learning experience:
Simple features:
- 🔍 Search recipes by ingredient name
- 📖 Display recipe details with ingredients and instructions
- ❤️ Save favorite recipes to local storage
- 📱 Mobile-friendly design
- 🎨 Simple and clean interface
Learning experience:
- First time working with external APIs
- Learning how to handle loading states
- Understanding local storage for saving data
- Practice with array methods like map and filter
My Role
Frontend Developer (Still Learning)
Built this project to practice:
Built this project to practice:
- 🔌 API Integration: Used free recipe API (TheMealDB)
- 📱 Responsive Design: Made it work on phones and computers
- 💾 Local Storage: Saved user favorites in browser
- 🎨 Basic Styling: Used CSS Grid and Flexbox
- 🐛 Debugging: Learned to use browser dev tools