Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        



Devices preview


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.