Happy Meal

Project: Vue.js Web Application - "Happy Meal"

Description:

Created a web application using Vue.js, SCSS, and various technologies to provide users with a delightful food exploration experience. The app features a home page displaying food categories such as chicken, beef, dessert, and more. Users can click on a category to view all the meals in that category or click on a specific meal to access details like name, description, tags, area, instructions, and ingredients. Additionally, the project includes a custom 404 Not Found page to handle incorrect routes.

Technologies Used:

Vue.js: Built the core of the web app, including components and routing.

SCSS (Sass): Employed SCSS for enhanced CSS styling, improving maintainability.

REST APIs: Utilized RESTful APIs to fetch meal data from external sources.

Axios: Employed Axios for making HTTP requests to retrieve data from APIs.

Vue Router: Managed routing and navigation within the application.

AOS (Animate On Scroll): Added scroll animations for a visually appealing user experience.

Bootstrap: Used Bootstrap for responsive design and UI components.

Responsive Design: Ensured the web app looks and works well on various devices.

Outcome:

Successfully developed "Happy Meal," a Vue.js web application that allows users to explore and discover various food categories and individual meals. The project showcases proficiency in Vue.js, SCSS, REST API integration, and responsive web design.

Duration: only 5 hours.