Coding Challenge · Frontend Assignment

Meal Calorie

Count Generator

The backend is live and ready. Your task is to build a polished, production-grade Next.js frontend that consumes this API — complete with authentication, calorie lookup, and a thoughtful user experience.

Read the Assignment Health Check

Base URL https://xcelpros-calorie-api.onrender.com

Your Assignment

Tech Stack

Required

Next.js TypeScript Tailwind Zustand shadcn/ui

Deadline

72 hrs

From receiving the assignment.
Communicate early if you need more time.

Repository

GitHub

Name your repo:

meal-calorie-frontend-{your-name}

API Endpoints

POST

/api/auth/register

Create a new account with first name, last name, email, and password. Returns a JWT.

Public 5 / 5 min

POST

/api/auth/login

Authenticate and receive a 7-day JWT token.

Public 5 / 5 min

POST

/api/get-calories

Look up calories & macronutrients for any dish. Powered by USDA FoodData Central with fuzzy matching.

Bearer JWT 15 / 5 min

Full Documentation

Everything you need
to build and ship

Complete request & response schemas, authentication flow diagrams, frontend requirements, Zustand patterns, error handling guide, and submission checklist.

Open docs

Backend Built With

Node.js 20 TypeScript Express.js PostgreSQL Upstash Redis Drizzle ORM USDA FoodData Docker