The challenge
Tracking a quirky habit shouldn't feel like homework.
Case study
Hotdog Tracker
A fun and interactive web application for tracking hotdog consumption.
What I delivered
A playful, interactive tracker that makes logging fun and keeps users coming back.
Project Overview
Hotdog Tracker is an application that allows users to track their hotdog consumption. Built with React and TypeScript, this was a personal project to test data persistence in an interactive applications while maintaining clean code architecture and responsive design.
Key Needs
Hotdog Logging
Easy-to-use interface for recording hotdog consumption
Login System
Secure login system with password hashing and validation
Database Integration
Database integration with data persistence and retrieval
Cross-Platform Access
Responsive design for desktop and mobile use
Architecture & Technology Stack
- Frontend: React with TypeScript for type safety and maintainable code
- Framework: Next.js for server-side rendering and optimal performance
- Styling: Tailwind CSS for responsive and consistent design
- Database: Local storage integration with export/import functionality
- Deployment: Vercel for seamless CI/CD and global distribution