{"id":15207194,"url":"https://github.com/thomas465xd/calorie-tracker","last_synced_at":"2026-03-07T18:02:10.845Z","repository":{"id":255735673,"uuid":"849062993","full_name":"Thomas465xd/Calorie-Tracker","owner":"Thomas465xd","description":"Simple Calorie Tracker project using React and TypeScript","archived":false,"fork":false,"pushed_at":"2024-10-22T01:07:27.000Z","size":60,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T22:13:10.368Z","etag":null,"topics":["js","json","jsx","react","tailwind","tailwindcss","ts","tsx","typescript","vercel","vercel-deployment","vite","vitejs"],"latest_commit_sha":null,"homepage":"https://calorie-tracker-react.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Thomas465xd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2024-08-28T22:59:27.000Z","updated_at":"2024-10-22T01:07:30.000Z","dependencies_parsed_at":"2024-09-06T23:12:36.230Z","dependency_job_id":"90e351f2-fcfd-4c07-8598-2b5d7d598da2","html_url":"https://github.com/Thomas465xd/Calorie-Tracker","commit_stats":{"total_commits":9,"total_committers":1,"mean_commits":9.0,"dds":0.0,"last_synced_commit":"cbd4202763fd2d8f09a07294184102620bea17f9"},"previous_names":["thomas465xd/calorie-tracker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2FCalorie-Tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2FCalorie-Tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2FCalorie-Tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thomas465xd%2FCalorie-Tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Thomas465xd","download_url":"https://codeload.github.com/Thomas465xd/Calorie-Tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242198438,"owners_count":20088030,"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":["js","json","jsx","react","tailwind","tailwindcss","ts","tsx","typescript","vercel","vercel-deployment","vite","vitejs"],"created_at":"2024-09-28T06:23:38.025Z","updated_at":"2025-12-03T18:04:43.368Z","avatar_url":"https://github.com/Thomas465xd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Calorie Tracker - React \u0026 TypeScript\n\nA simple and intuitive Calorie Tracker app built with **React**, **TypeScript**, **ContextAPI**, and **useReducer**. The app allows users to track their calorie consumption and exercise, providing a summary of total calories consumed, burned, and the net balance. It features a modern UI designed with **Tailwind CSS** and **Heroicons**.\n\n## Features\n\n- **Friendly Frontend Design**: Styled with Tailwind CSS for a responsive and visually appealing interface, including SVG icons from Heroicons.\n- **Add Food or Exercise**: Log food items or exercises, specifying the calories consumed (for food) or burned (for exercises).\n- **Update and Remove Entries**: Modify or delete any food or exercise entry you've previously added.\n- **Calorie Summary**: Displays total calories consumed, total calories burned, and the net calorie balance.\n- **Activity and Food List**: View a detailed list of all the foods and exercises you have added to the app.\n\n## Demo\n\nYou can try the live version of the app on **[Vercel](https://your-vercel-app-url.vercel.app)**.\n\n## Technologies Used\n\n- **React**: A JavaScript library for building user interfaces.\n- **TypeScript**: Static typing for improved development experience and code quality.\n- **ContextAPI**: Used for managing global state throughout the app.\n- **useReducer**: To handle complex state logic for adding, updating, and removing activities.\n- **Tailwind CSS**: Utility-first CSS framework for fast styling.\n- **Heroicons**: SVG icons for enhanced user experience.\n- **Vite**: A fast and lightweight build tool for front-end development.\n\n## Getting Started\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (version 14.x or higher)\n- [Vite](https://vitejs.dev/) (installed globally)\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/calorie-tracker.git\n   ```\n2. Navigate to the project directory:\n  ```bash\n  cd calorie-tracker\n  ```\n3. Install Dependencies\n  ```bash\n  npm install\n  ```\n4. Start the development server:\n  ```bash\n  npm run dev\n  ```\n5. Open the app in your browser at [[http://localhost:3000]]\n\n## How it Works\n\n- The app uses ContextAPI to manage the global state of calorie entries.\n- useReducer is used to handle state transitions for adding, updating, and removing food/exercise items.\n- Each activity is stored with the type (food or exercise), calories (positive for food, negative for exercise), and can be updated or deleted at any time.\n- The Calorie Summary calculates total calories consumed, total calories burned, and the net balance dynamically.\n\n## License\n\nThis Project is licensed under the MIT License. See the [[LICENSE]] file for more details.\n\n---\nMade with ♥️ Thomas Schrödinger\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas465xd%2Fcalorie-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomas465xd%2Fcalorie-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas465xd%2Fcalorie-tracker/lists"}