A full-stack e-commerce website for Mexican cookware and décor.
Talavera & Cobalto is a full-stack e-commerce project I developed as part of my Java Full Stack training at VDAB. I created the project to put into practice the different parts of full-stack development, from designing the database and backend architecture to building the user interface in Angular. I chose an e-commerce website because I wanted to learn more about how products, customers, orders and the checkout process work together in a real application.
The application allows users to browse a catalogue of Mexican cookware, tableware and décor, view product information and filter products by characteristics such as category, material and origin.
Users can add products to their basket and continue through a checkout process where their information and shipping address are collected before an order is created. The backend manages the relationships between products, materials, categories, users, addresses, orders and order details, as well as product stock and order status.
I developed Talavera & Cobalto from the database and backend architecture through to the frontend interface.
Backend
I designed a PostgreSQL database to manage product information, user data, and orders. The application was developed in Java, using JPA and Hibernate to manage data persistence and the communication between the application and the relational database.
Frontend
I first created wireframes in Figma to define the structure and user flow. I then developed the interface in Angular and CSS and connected it to the backend to retrieve and update application data.
