STRIPE_PUBLIC_KEY

STRIPE_SECRET_KEY

Let’s Develop an E-Commerce Site Using Java and Springboot_468 x 60 copy 2.png

docker.tar.gz

vue.js

java

java-mysql

Stripe

Every business is moving online. Building customer-facing e-commerce solutions requires full-stack development, involving a backend to handle users, inventory, and payments, and a frontend for customers.

In this course, you’ll build a full-stack e-commerce application from scratch. We will use Java and the Spring Boot environment to create a robust backend supporting payments with the Stripe API. The backend will have an inventory administration panel, support secure user profiles, and checkout.

For the frontend, you’ll use Vue.js to create a customer-facing application. Users will be able to view products, create wish lists, manage their cart, and checkout using Stripe to complete payments. User profiles will also store order history.

At the end of this course, you will be able to create a full-stack e-commerce application. Your knowledge of Java, Spring Boot, and Vue.js will enable you to drive development for the emerging generation of online businesses.

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

**(Select all that apply)** What can we make with the axios?

(Select all that apply) What can we make with the axios?

**(Fill in the Blank)** Sweet alert is a beautiful replacement for JavaScript’s ________ method.

(Fill in the Blank) Sweet alert is a beautiful replacement for JavaScript’s ________ method.

**(Fill in the Blank)** We breakdown UI into smaller components for ________.

(Fill in the Blank) We breakdown UI into smaller components for ________.

**(Fill in the Blank)** We pick a category to edit using its ________.

(Fill in the Blank) We pick a category to edit using its ________.

**(Fill in the Blank)** To display a dropdown input element, we use the ________ element.

(Fill in the Blank) To display a dropdown input element, we use the ________ element.

**(Fill in the Blank)** A directive to create two-way data binding is ________.

(Fill in the Blank) A directive to create two-way data binding is ________.

**(Select all that apply)** Which props are used to edit a product?

(Select all that apply) Which props are used to edit a product?

**(Fill in the Blank)** The ________ method is loaded when a component is loaded to the DOM.

(Fill in the Blank) The ________ method is loaded when a component is loaded to the DOM.

**(Select all that apply)** Which parameters define a route?

(Select all that apply) Which parameters define a route?

In this section, test your skills in developing the UI for categories and products.

Introduction and Project Setup

Building Admin Panel: Backend

Building an Admin Panel: Frontend

Displaying the Products and Categories For Customers

Sign-Up and Login Backend

Sign-Up and Login Frontend

Wishlist and Cart Feature: Backend

Wishlist and Cart Feature: Frontend

Stripe Integration

Order History: Backend

Order History: Frontend

Conclusion

Quiz