Live Demo

Bejamas E-commerce Platform

Overview

A modern e-commerce prototype demonstrating JAMstack architecture at scale. Built with Next.js, GraphQL, and Hasura, this platform achieves 80+ web core vitals rating while delivering a seamless shopping experience with advanced features like filtering, sorting, and cart management.

Key Features

  • Instant GraphQL API: Hasura-powered backend with auto-generated queries and real-time subscriptions
  • Optimized Performance: Web Core Vitals score of 80+ for both mobile and desktop
  • Advanced Shopping: Product filtering by category, price, and attributes with dynamic sorting
  • Modern Stack: Next.js with Apollo Client for efficient state management and data fetching
  • Full Testing Coverage: Unit tests, integration tests, and end-to-end Cypress tests

My Role & Responsibilities

  • Architected and implemented full-stack solution as solo developer
  • Designed PostgreSQL database schema and configured Hasura GraphQL layer
  • Built responsive Next.js frontend with Apollo Client state management
  • Implemented UI from Figma designs using Emotion for styled components
  • Established comprehensive testing strategy with Cypress E2E tests
  • Configured CI/CD pipeline with GitHub Actions for automated testing and deployment
  • Optimized performance to achieve 80+ Web Core Vitals rating

Technical Highlights

Built a production-ready e-commerce platform using modern JAMstack principles. The Hasura GraphQL backend provides instant APIs with zero backend code, while Next.js delivers optimal performance through static generation and incremental static regeneration. Implemented comprehensive code quality with ESLint, Prettier, Stylelint, and TypeScript across the codebase. The CI/CD pipeline runs automated tests on every push and pull request, ensuring code quality and reliability.

Impact & Results

  • Performance: 80+ Web Core Vitals rating (mobile & desktop)
  • Code Quality: Full TypeScript, ESLint, Prettier, and Stylelint integration
  • Testing: Comprehensive coverage with unit, integration, and E2E tests
  • Deployment: Automated CI/CD pipeline with Netlify hosting
  • Live Demo - Experience the platform
  • GitHub repo: Private