🛍️

About SimpleCommerce

🛠️ Built with: HTML, CSS, JavaScript, Node.js, Express, PostgreSQL, JWT

SimpleCommerce is a modern e-commerce platform developed to provide a complete online shopping experience for both customers and administrators.

Technologies Used

  • Frontend: HTML, CSS and JavaScript (pure, no frameworks)
  • Backend: Node.js + Express
  • Database: PostgreSQL with connection pool
  • Authentication: JWT (JSON Web Token)
  • Payments: Mercado Pago (PIX)
  • Shipping: Melhor Envio API

Key Features

  • Product catalog and detailed product pages
  • Shopping cart (lateral drawer)
  • User authentication (login/register)
  • Order management and "My Orders" page
  • Admin dashboard with product & order management
  • Payment integration with Mercado Pago (PIX QR Code)
  • Real-time shipping calculation via Melhor Envio
  • Inventory control (stock decreases only after payment confirmation)
  • Promotional pricing with separate discount column

Architecture & Best Practices

The system was designed with focus on organization, scalability, responsive design, and user experience. The backend follows a route-controller pattern, the frontend uses async/await with the Fetch API, and all sensitive operations are validated on both client and server sides.

During development, several backend and frontend concepts were applied, including API integration, asynchronous programming, SQL queries (with parameterized statements to prevent injection), authentication middleware, dynamic UI updates, and strict business rule validation.

Project Purpose

SimpleCommerce represents a practical full-stack development project aimed at simulating the structure and functionality of a professional online store. It was developed as an academic integrator project, demonstrating real-world e-commerce capabilities.

✅ All the features you see (cart, login, payments, stock control) are fully functional and integrated.