Restaurant

Resturant app developed using Vue.js, Sass, axios and json server. Final project from the front-end dev course I took made by @IsadoraStangarlin.

Project setup

npm install
json-server --watch db.json
npm run serve

Customize configuration

See Configuration Reference.

Project Log:

January 2, 2022:

• Project setup.
• Sass setup.

January 3, 2022:

• Added svg files of food icons.
• Installed svg loader and set up everything for it to work.
• Made a global scss file to reach all the project.
• Added fonts and css setup.
• Structured the side navbar.
• Added style to side navbar.

January 4, 2022:

• Adapted the navbar to the mobile view.
• Added vue-router to the project.

January 5, 2022:

• Installed json server to act as a mockend to the application.
• Installed axios to fetch the fake api.

January 6, 2022:

• Implemented the base for the products view.
• Applied style to the products view.

January 7, 2022:

• Adapted the product view to mobile.

January 8, 2022:

• Installed vuex to state manage.

January 9, 2022:

• Now the items showed change after changing navigation tab.
• Added loading animation and loading simulation to the app.
• Added new data to db.json.
• Added corresponding images for each product.

January 10, 2022:

• Fixed some mobile issues.
• Coded cart and styled it.

January 11, 2022:

• Quick fix on image folder.
• Fixed double ids on cart.
• Toggle quantity implemented.
• Removed negative quantites.
• Added cart button for mobile view.

January 12, 2022:

• Added routes to cart when in mobile.
• Fixed some responsivity issues.
• Added total price to cart.
• Small fixes: added empty cart message.

January 13, 2022:

• Added new route on mobile.
• Transformed quantity add/remove in a component.
• Structured and styled ad to cart screen.

January 14, 2022:

• Changed Quantity component to work inside AddToCart component.
• AddToCart completed.
• Installed feather-icons.

January 15, 2022:

• Added a modal to confirm deletion to cart.
• Implemented adding observations via mobile and desktop.
• Started with Payment view.

January 17, 2022:

• Added client data section to payment view.
• Added address section to payment view.

January 18, 2022:

• Created a modal to add a new address to the application.
• Verified validation to modal data.

January 19, 2022:

• Created a card to show address if exists.

January 20, 2022:

• Added last div to inform payment type.
• Fixed responsivity in payment view.

January 21, 2022:

• Added final validations.

January 22, 2022:

• Responsivity changes.