JS
Design Code About Contact
Home / Code / EverFresh & Co.

EverFresh & Co.

Type: Full-Stack E-Commerce SPA Role: Full-Stack Developer Year: 2025
PHP JavaScript MySQL Leaflet.js Foundation CSS PDO
Explore Live Project Back to Code

Overview

EverFresh & Co. is a full-stack grocery e-commerce single-page application. Built with a PHP backend serving a RESTful API and a vanilla JavaScript frontend using hash-based routing, it demonstrates true full-stack development capabilities.

Key Features

  • Hash-based SPA routing for seamless page transitions without reloads
  • Department-based product browsing with category navigation
  • Full-text product search with real-time filtering
  • Shopping cart with add, remove, quantity update, and total calculation
  • User authentication system with registration, login, and session management
  • Interactive Leaflet.js map integration for store location display
  • Dark/light theme toggle with persistent preference storage
  • Responsive layout using Foundation CSS framework

Architecture

The backend follows a service-oriented architecture with PHP controllers handling API requests and PDO for secure database connections. The frontend uses a custom hash router to manage views, with each view module handling its own state and rendering.

What I Learned

This project was pivotal in understanding the full request-response cycle, from database queries through API endpoints to frontend rendering. Building the SPA routing from scratch (without React Router) gave me deep appreciation for how routing libraries work under the hood.