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

This course helps you build a full stack e-commerce app with Java, Spring Boot, and Vue.js, mastering backend and frontend integration.

Intermediate

52 Lessons

108h 13min

Certificate of Completion

This course helps you build a full stack e-commerce app with Java, Spring Boot, and Vue.js, mastering backend and frontend integration.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

50 Playgrounds

6 Quizzes

This course includes

50 Playgrounds

6 Quizzes

Course Overview

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 f...Show More

TAKEAWAY SKILLS

Java

Web Development

Full Stack Development

Api

Vue.js

What You'll Learn

How to Design APIs

Integrate with 3rd party libraries like Stripe

Build Front end using modern JS framework Vue

Develop back-end features and support

What You'll Learn

How to Design APIs

Course Content

Introduction and Project Setup

This chapter provides a comprehensive overview of technology options, build back-end, and set up Vue project for e-commerce app foundation.

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

This chapter focuses on developing the backend for an e-commerce app, design and implement category and product management APIs.

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

This chapter provides details on building category and product management UI, including creation, display, and editing functionalities.

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

This chapter focuses on creating a homepage showcasing featured products and detailed product information.

Build The Homepage Build the Product Detail Page Quiz

Sign-Up and Login Backend

This chapter focuses on integrating MySQL, implement secure password hashing, generate unique tokens, and build user authentication and authorization backend.

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

Sign-Up and Login Frontend

3 Lessons

This chapter focuses on creating sign-up and login forms, integrate backend APIs, and implement sign-out functionality.

Wishlist and Cart Feature: Backend

5 Lessons

This chapter explores building wishlist and cart backend functionality, including product saving, cart creation, and item retrieval.

Wishlist and Cart Feature: Frontend

5 Lessons

This chapter focuses on enhancing an e-commerce app's frontend with wishlist and cart functionalities, including item addition, deletion and display cart items.

Stripe Integration

4 Lessons

This chapter details the integration of Stripe for backend and frontend checkout processes, ensuring a seamless payment experience in e-commerce applications.

10.

Order History: Backend

4 Lessons

This chapter details the processes for saving orders, fetching user order history, and handling specific order retrieval challenges in an e-commerce app.

11.

Order History: Frontend

4 Lessons

This chapter explores saving and displaying order history, implementing order details retrieval, and enhancing user interface experiences.

12.

Conclusion

1 Lesson

This chapter concludes the course by highlighting key skills in e-commerce app development and encourages further practice and feedback for growth.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath