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: about 2 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 (4 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.