CrocoSushi
Project Title: Croco Sushi — Food Delivery Platform
Summary: A high-performance Full-Stack web application for a sushi delivery service, prioritizing page load speed, SEO, and a seamless mobile UX. The solution features a customer-facing storefront, a comprehensive admin dashboard for order management, and a robust backend architecture.
Key Technical Highlights:
Frontend (Next.js 14):
Built with Next.js 14 (App Router) and TypeScript for reliability.
Optimized Core Web Vitals through Server-Side Rendering (SSR), advanced image handling (Sharp), and intelligent caching strategies.
Modern, responsive UI utilizing Tailwind CSS, Headless UI, and smooth animations with Framer Motion.
State management handled by Zustand, with TanStack Query for efficient server state synchronization.
Backend (FastAPI):
High-concurrency asynchronous REST API built on FastAPI (Python 3.12).
Database layer powered by PostgreSQL, Asyncpg, and SQLAlchemy 2.0.
Background task processing (order handling, notifications) via Celery and Redis.
System observability implemented with Prometheus metrics.
Infrastructure & DevOps:
Full containerization using Docker and Docker Compose.
Caddy web server configured for robust caching, compression, and automatic SSL.
Comprehensive testing suite including Playwright (E2E), Jest, and Pytest.
Tech Stack: Next.js, React, TypeScript, Python, FastAPI, PostgreSQL, Redis, Celery, Docker, Zustand, Tailwind CSS.
Summary: A high-performance Full-Stack web application for a sushi delivery service, prioritizing page load speed, SEO, and a seamless mobile UX. The solution features a customer-facing storefront, a comprehensive admin dashboard for order management, and a robust backend architecture.
Key Technical Highlights:
Frontend (Next.js 14):
Built with Next.js 14 (App Router) and TypeScript for reliability.
Optimized Core Web Vitals through Server-Side Rendering (SSR), advanced image handling (Sharp), and intelligent caching strategies.
Modern, responsive UI utilizing Tailwind CSS, Headless UI, and smooth animations with Framer Motion.
State management handled by Zustand, with TanStack Query for efficient server state synchronization.
Backend (FastAPI):
High-concurrency asynchronous REST API built on FastAPI (Python 3.12).
Database layer powered by PostgreSQL, Asyncpg, and SQLAlchemy 2.0.
Background task processing (order handling, notifications) via Celery and Redis.
System observability implemented with Prometheus metrics.
Infrastructure & DevOps:
Full containerization using Docker and Docker Compose.
Caddy web server configured for robust caching, compression, and automatic SSL.
Comprehensive testing suite including Playwright (E2E), Jest, and Pytest.
Tech Stack: Next.js, React, TypeScript, Python, FastAPI, PostgreSQL, Redis, Celery, Docker, Zustand, Tailwind CSS.