Overview:
This Recipe Finder App is a Vue.js project designed to demonstrate frontend development skills. It enables users to search for recipes using keywords and explore a diverse range of meals. The app employs Vuex for state management, Axios for HTTP requests, and adheres to Fluent Design principles for a modern and user-friendly interface.
Features:
- Search Functionality: Users can search for recipes using keywords.
- Responsive Design: The app is optimized to function seamlessly across various screen sizes.
- Fluent Design: The user interface follows Fluent Design principles for an aesthetically pleasing experience.
- State Management: Vuex is utilized for efficient state management.
- API Integration: Recipe data is fetched from TheMealDB API.
Vue.js Features Used
- Composition API
- Hooks
- Vuex
- Vue Router
- Tailwind CSS
- Provide/Inject
- Modularization
- Services
- Transitions