back to work
03Mobile2024

Eativity

Mobile app for tracking daily nutrition and building healthier eating habits.

Role
Design & Full-Stack
Timeline
8 weeks · 2024
Context
Open-source
Stack
ReactNativeExpoNestJSNodeJSTypeScriptFigmaPrisma
Eativity mobile app screens
Eativity2024
Overview

Eativity is a full-stack TypeScript mobile app for daily nutrition tracking, built as a personal side-project to explore React Native with Expo and NestJS. It features authentication, onboarding, recipe management, and daily consumption logging, designed and developed end-to-end in Figma and code.

Problem

Staying consistent with healthier eating habits is hard without visibility into what you're actually consuming day to day. Existing apps felt bloated or overly clinica. I wanted something lightweight and personal that I could design and build from scratch as a learning exercise.

Approach

I designed the UI in Figma and built the app with React Native and Expo, using NativeBase for the component layer. The backend runs on NestJS with Prisma ORM for database management. The app covers the full user journey - authentication, onboarding, profile setup, a recipe library, and daily consumption logging. As an exploratory project, some features remained experimental before the project was sunsetted.

Key metrics
125
Commits
8 weeks
Build time
End-to-end
Design to code

Summary

Eativity was an exploratory full-stack TypeScript mobile application built with React Native and Expo, and a NestJS backend. The user interface was designed using NativeBase, while the backend used Prisma ORM for database management.

The app featured user authentication, onboarding, profile management, recipe tracking, daily track logging, though some features remained experimental as this was primarily a hobby side-project - which has since been sunsetted.

Features

  • Authentication
  • Onboarding
  • Profile management
  • Recipe library
  • Daily track logging
Gallery