D_
Diego SalazarFull-Stack Architect
2013Web ApplicationCompleted

Canteras Creativas

An e-commerce web application to showcase and sell handcrafted stone products, featuring a custom product catalog, shopping cart, and integrated online payments.

ReactPHPYii FrameworkMySQLREST APIPayPal APIDineroMail APIBootstrapE-commercePayment IntegrationClient Project

Project Overview

Understanding the Project

The Goal

Develop a web platform to manage and display a catalog of stone products, enabling customers to browse products, view detailed specifications, and complete online purchases.

The Challenge

Building a flexible product management system with detailed product attributes while integrating multiple payment gateways and ensuring a smooth shopping experience.

My Role

Full-Stack Developer responsible for front-end development, backend implementation, payment gateway integration, and API communication.

Role

Full-Stack Developer

Timeline

2013

Platform

Web Application

Team

Cross-functional (Design + Dev)

Screenshots

Visual Showcase

Landing page showcasing handcrafted stone products.

Landing page showcasing handcrafted stone products.

Detailed product view with specifications, pricing, and image gallery.

Detailed product view with specifications, pricing, and image gallery.

Additional pages showcasing various product categories and user account management.

Additional pages showcasing various product categories and user account management.

What I Built

  • Frontend implementation for product catalog, product detail pages, and shopping cart.
  • Backend development using Yii Framework to manage products, categories, and orders.
  • REST API to connect frontend interactions with backend services.
  • Integration of PayPal and DineroMail payment gateways.
  • Admin features to manage products, pricing, and customer orders.

Tech Stack

Frontend

ReactHTMLCSSJavaScriptBootstrap

Backend

PHPYii FrameworkREST API

Database

MySQL

Integrations

PayPal APIDineroMail API

Architecture Design Decisions

These decisions were intentional to ensure the site feels professional, calm, and easy to navigate:

  • Separation of frontend and backend responsibilities using a REST-based architecture
  • Custom product data model to support detailed specifications such as dimensions, weight, and material type
  • Payment gateway abstraction to support multiple providers
  • SEO-friendly structure to improve product visibility in search engines

Results & Learnings

The platform allowed the client to present their handcrafted products in a professional online catalog, streamline customer inquiries, and accept online payments, improving sales reach and operational efficiency.