React Weights
Simple React + Node.js + MongoDB body weight tracking web app - an early learning project
React Weights
Overview
React Weights is a simple body weight tracking web app and one of my earlier full-stack learning projects. It lets users log weight entries and view their progress, built with a React front end, a Node.js back end, and a MongoDB database, all runnable via Docker.
Key Features
- Weight Tracking: Log body weight entries over time
- Progress View: See weight entries and trends
- Full-Stack Setup: React front end talking to a Node.js back end
- Containerised: Docker setup for running the app locally
Technical Stack
- Frontend: React (JavaScript)
- Backend: Node.js
- Database: MongoDB
- Containerization: Docker
Architecture
The application follows a simple client-server architecture:
- Frontend: React app for entering and viewing weight data
- Backend: Node.js server handling weight data
- Database: MongoDB for storing weight entries
- Containerization: Docker for running the stack locally
Challenges & Solutions
- Learning Full-Stack: Used the project to connect a React front end to a Node.js + MongoDB back end
- Local Setup: Containerised the app with Docker for a consistent dev environment
Impact & Results
- Learning Project: Served as a hands-on exercise in building a small full-stack app
- Weight Tracking: Provides a basic tool for logging body weight over time