A retro thermal receipt-style life logging app that uses data and visualization to reframe your everyday life.
- 13 preset log templates: Life Log, Food Tracker, Fandom Observer, Travel Archive, Fitness Tracker, Social Diagnostics, Cinema Archive, Gaming Log, Live Archive, Reading Archive, Sleep Monitor, Caffeine Tracker, Spending Observer.
- Thermal receipt look: 380px-wide receipt layout, barcode, and pixel font for the receipt output.
- Interactive forms with live preview: sliders, ratings and metrics update the receipt in real time.
- One-click PNG export: generate high-quality images entirely in the browser, no server required.
- Bilingual interface: switch between Chinese and English with fully aligned copy.
- Responsive and accessible: works on mobile and desktop, keyboard-friendly, with ARIA labels.
- Node.js 18+
- Chrome / Firefox / Safari / Edge
git clone https://github.com/Eyozy/life-logger.git
cd life-logger
npm install
npm run devOpen http://localhost:5173 in your browser.
- Framework: React 19, React Router DOM 7, Vite 6
- Styling: Tailwind CSS 3, Lucide React icon set
- Utilities:
html-to-imagefor client-side PNG export, PostCSS + Autoprefixer for CSS processing
Common scripts:
npm run dev # start the development server
npm run build # build for production (outputs to dist/)
npm run preview # preview the production build locallyYou can host LIFE_LOGGER as a static site on Netlify using your own fork.
- On GitHub, click Fork to create your own copy of the repository.
- In Netlify, click Add new site → Import an existing project and select your forked repository.
- Click Deploy site. Netlify will build and deploy on every new push to the main branch of your fork.
All kinds of contributions are welcome: bug reports, copy tweaks, small improvements or brand-new receipt ideas.
- See the contribution guide: CONTRIBUTING.md
- Use GitHub Issues for bug reports and feature requests
- Submit code changes via Pull Requests
- Thanks to React and Vite for powerful development tools
- Thanks to Tailwind CSS for elegant styling solutions
- Thanks to Lucide for beautiful icon library
- Thanks to Netlify for free hosting service
This project uses the MIT License. See LICENSE for details.