Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vangelov/calories-in
A web-based meal plan editor for people who prepare all of their food.
https://github.com/vangelov/calories-in
calories fitness meal-planner nutrition
Last synced: 3 months ago
JSON representation
A web-based meal plan editor for people who prepare all of their food.
- Host: GitHub
- URL: https://github.com/vangelov/calories-in
- Owner: vangelov
- License: mit
- Created: 2021-05-22T06:42:22.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-07T08:41:30.000Z (over 1 year ago)
- Last Synced: 2024-06-03T10:46:43.232Z (5 months ago)
- Topics: calories, fitness, meal-planner, nutrition
- Language: TypeScript
- Homepage: https://calories-in.com
- Size: 3.16 MB
- Stars: 150
- Watchers: 5
- Forks: 26
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-nutrition-tracking - Calories-In - React meal plan editor. (Open Source Tools)
README
Calories-In
A web-based meal plan editor for people who prepare all of their food.
Live version: https://calories-in.com
Demo video: https://tella.video/calories-in-4onp
## Background
The idea was born out of my experience of trying to find a better alternative to Google Sheets for calculating the macros of my meal plans. I wanted to be able to do this on desktop as it's more convenient but nothing really felt fast and simple enough.
A huge inspiration for me has been [excalidraw.com](http://excalidraw.com).
## Notable libraries
- [Chakra UI](https://chakra-ui.com/)
- [React Beautiful Dnd](https://github.com/atlassian/react-beautiful-dnd)
- [React-pdf](https://react-pdf.org/)
- [Comlink-loader](https://github.com/GoogleChromeLabs/comlink-loader)
- [React window](https://github.com/bvaughn/react-window)
- [Fuse.js](https://fusejs.io/)
- [Framer Motion](https://www.framer.com/motion/)
- [Feather icons](https://feathericons.com/)## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.### `yarn build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.