0% completed

All LessonsFree Lessons (7)

Introduction and Project Setup

How to Develop an E-commerce Application Get Started with the Back-end using Spring Boot Get Started with Front-end (Vue.js)Quiz

Building Admin Panel: Backend

Understanding the Back-end Architecture Design the APIs: Create a Category Category API: List all Categories and Edit a Category API to Create a New Product Task: List All Products and Edit Product Quiz

Building an Admin Panel: Frontend

Building the UI for Category API: Adding a Category Building the UI for Category API: Displaying the Categories Design the Front-end, Load All Data, and Add a Footer/Header Building the UI for Category API: Editing a Category Building the UI for Product API: Adding a Product Building the UI for Product API: Displaying the Products Building the UI for Products: Editing a Product Quiz

Displaying the Products and Categories For Customers

Build The Homepage Build the Product Detail Page Quiz

Sign-Up and Login Backend

MySQL and ExceptionControllerAdvice Integration Sign-up Integration Authentication Token Log in Back-end Quiz

Sign-Up and Login Frontend

Develop the Sign-up Feature Develop the Sign-in Feature Task: Develop the Sign-out Feature

Wishlist and Cart Feature: Backend

Wishlist Feature Add to Cart Feature Get Cart Items API Challenge: Implement Delete Cart Items API Challenge Solution

Wishlist and Cart Feature: Frontend

Add to Wishlist Button The Wishlist Page Add to Cart Button Display Cart Items Challenge: Implement Delete from Cart

Stripe Integration

Stripe Checkout Back-end Stripe Checkout Front-end Integration Integrate create-checkout-session API Quiz

Order History: Backend

Save the Order Fetch Order History of User Challenge Challenge Solution

Order History: Frontend

Save Order After Checkout

Display Order History

Challenge: Display Order Details for Single Order

Challenge Solution

Conclusion

Where to Go from Here?

Develop an E-Commerce App Using Java, Spring Boot and Vue.js/

...

/

Display Order History

Display Order History

Learn how to display the order history.

We'll cover the following...

We’ll create an order directory in the views directory and create the file, OrderHistory.vue.

Script section

We’ll call the API, {baseURL}/order/, with token ...