{"id":27902757,"url":"https://github.com/guillevarelabarros/fittrack-dev","last_synced_at":"2025-05-05T21:37:52.034Z","repository":{"id":291334736,"uuid":"977313656","full_name":"guillevarelabarros/fittrack-dev","owner":"guillevarelabarros","description":"A responsive calorie tracking app built with React, TypeScript, and Material UI. Showcases global state management with Context API and useReducer, including theme toggle, localStorage, and dynamic UI components.","archived":false,"fork":false,"pushed_at":"2025-05-03T23:03:56.000Z","size":206,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-04T00:18:25.876Z","etag":null,"topics":["calorie-tracker","context-api","fitness-app","frontend","localstorage","material-ui","react","responsive-design","state-management","typescript","usereducer"],"latest_commit_sha":null,"homepage":"https://fittrack-dev.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/guillevarelabarros.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-03T22:57:15.000Z","updated_at":"2025-05-03T23:03:59.000Z","dependencies_parsed_at":"2025-05-04T00:18:27.630Z","dependency_job_id":"495c18dd-a3db-413e-ba52-3293c489a306","html_url":"https://github.com/guillevarelabarros/fittrack-dev","commit_stats":null,"previous_names":["guillevarelabarros/fittrack-dev"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillevarelabarros%2Ffittrack-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillevarelabarros%2Ffittrack-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillevarelabarros%2Ffittrack-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guillevarelabarros%2Ffittrack-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guillevarelabarros","download_url":"https://codeload.github.com/guillevarelabarros/fittrack-dev/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252580980,"owners_count":21771439,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calorie-tracker","context-api","fitness-app","frontend","localstorage","material-ui","react","responsive-design","state-management","typescript","usereducer"],"created_at":"2025-05-05T21:37:51.385Z","updated_at":"2025-05-05T21:37:52.027Z","avatar_url":"https://github.com/guillevarelabarros.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🥗 FitTrack - Calorie Manager\n\n![screenshot](./public/screen1.png)\n\n**FitTrack** is a responsive calorie tracking web application built with\n**React + TypeScript**, styled with **Material UI**, and powered by **Context\nAPI** + `useReducer` for global state management. It allows users to log meals\nand exercises to monitor their daily calorie intake, burn, and net balance.\n\n## 🚀 Live Demo\n\n👉 [Live Demo on Netlify](https://fittrack-calories.netlify.app) ← _(Replace\nwith your actual URL)_\n\n---\n\n## 🧠 Technologies Used\n\n- ⚛️ **React 18** with **TypeScript**\n- 🎨 **Material UI (MUI)**\n- 🧠 **Context API** + `useReducer`\n- 📊 **Recharts** for data visualization\n- 🍿 **notistack** for snack notifications\n- 🌗 Light and dark mode support\n- 💾 LocalStorage persistence\n- ⚡ Built with Vite\n\n---\n\n## 📸 Screenshots\n\n| Add Activity                     | Summary                          | Meals \u0026 Activities               |\n| -------------------------------- | -------------------------------- | -------------------------------- |\n| ![screen1](./public/screen1.png) | ![screen2](./public/screen2.png) | ![screen3](./public/screen3.png) |\n\n---\n\n## 🗂️ Folder Structure\n\nsrc/ ├── components/ # Main visual components ├── context/ # Global contexts and\nproviders ├── data/ # Static data (categories) ├── hooks/ # Custom React hooks\n├── reducers/ # State management with useReducer ├── types/ # TypeScript type\ndefinitions ├── App.tsx # Root component └── main.tsx # App entry point\n\n---\n\n## ✨ Features\n\n✅ Add meals or exercises  \n✅ See calories consumed, burned, and net difference  \n✅ View bar chart summary  \n✅ Edit and delete existing records  \n✅ Toggle between light and dark mode  \n✅ Responsive design  \n✅ LocalStorage data persistence (no backend required)\n\n---\n\n## 📦 Installation\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/guillevarelabarros/fittrack-calorie-manager.git\ncd fittrack-calorie-manager\n```\n\n---\n\n## ✨ Features\n\n✅ Add meals or exercises  \n✅ See calories consumed, burned, and net difference  \n✅ View bar chart summary  \n✅ Edit and delete existing records  \n✅ Toggle between light and dark mode  \n✅ Responsive design  \n✅ LocalStorage data persistence (no backend required)\n\n---\n\n## 📦 Installation\n\n```bash\n1. Clone the repository\ngit clone https://github.com/guillevarelabarros/fittrack-calorie-manager.git\ncd fittrack-calorie-manager\n\n\n2. Install dependencies\nyarn install\n\n3. Run the development server\nyarn dev\n\n4. Build for production\nyarn build\n```\n\n## 🧪 What This Project Demonstrates\n\nThis project showcases:\n\nGlobal state management with React Hooks (without Redux)\n\nClean modular code architecture\n\nStrong grasp of React + TypeScript + MUI\n\nReal-world UI with responsive and accessible components\n\nUsage of modern libraries and best practices\n\nClear separation of concerns and reusable components\n\n## 📫 Contact\n\n👨‍💻 Built by Guillermo Ignacio Varela Barros 📧 Email:\nguillevarelabarros@gmail.com\n\n## 📝 License\n\nThis project is licensed under the MIT License. Feel free to use, modify, or\nadapt it for your own purposes.\n\n\"It’s not just about counting calories — it’s about taking control.\" — Guille 💪\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguillevarelabarros%2Ffittrack-dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguillevarelabarros%2Ffittrack-dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguillevarelabarros%2Ffittrack-dev/lists"}