GitCook

2025Lead Full-Stack Logic & Systems Architect

Project

Built to modernize the culinary e-commerce landscape, GitCook features robust customer profiles, interactive recipe files, intuitive shopping carts, and integrated payment gateways. The system leverages state-of-the-art token security and dynamic UI elements to ensure a responsive, premium customer journey.

Django Django REST Framework (DRF)ReactTypeScriptZustandTanStack QueryTailwind CSSCloudinary CDN Integration

Challenge

Synchronizing dynamic shopping cart states across different browser sessions while maintaining real-time server consistency presented a significant state-management hurdle. Additionally, structuring deep multi-to-multi category relationships for dishes threatened database bottlenecks and high API latency.

Solution

We resolved these challenges by utilizing Zustand for persistent client-side state and implementing TanStack Query for highly efficient server-state caching. On the backend, we optimized the Django database engine using select related and prefetch related to consolidate relational queries and eliminate costly N+1 latency.

Query Optimization

90% Fewer Hits

Component Reusability

25+ Modular Views

API Endpoint Coverage

20+ Typed Routes

Highlights

Key Project Highlights

Complete CRUD Cart & Checkout: Designed a custom backend session-state sync to handle asynchronous orders, cart adjustments, and transaction updates cleanly.

Enhanced Query Performance: Structured the database using Django's Many-to-Many models with relational query prefetching, dropping load times significantly under stress.

Stateless JWT Security: Implemented a secure authentication flow using SimpleJWT to handle user registration, password changes, and access permissions safely.

Curated Asset Pipelines: Integrated a dedicated Cloudinary storage engine to automatically scale, compress, and deliver high-resolution dish and recipe assets via CDN.

Dynamic Micro-Interactions: Assembled the entire frontend interface using React 19, Motion, and Tailwind CSS to guarantee smooth page transitions and instant UI feedback.

Next project

LENS - Library Entry Notation System

LENS modernizes university library access by replacing slow manual guestbooks with automated, high-speed RFID scanning. The system captures visitor traffic and instantly streams entry metrics to a real-time administrative analytics dashboard.

Open next project