It is my first app created with react redux. I used redux in this project to practice my skills using this technology.
Diet app was created with Spooncular API. The user enters their basic information, and based on that information, the app calculates his caloric demands. The app show you example diets that you can use and how to prepare them. The user can search for various other meals according to his preferences. if he finds a dish he likes, he can add it to his favorite meals.
| Tech | Description |
|---|---|
| React | Library for building user interfaces |
| React Router | Declarative routing for React |
| Styled Components | Visual primitives for the component age |
| Redux Toolkit | Toolset for efficient Redux development |
| React Hook From | Forms with easy-to-use validation. |
| Husky | Pre-commit tool |
| Lint-staged | Pre-commit tool |
| Eslint | Javascript Linter |
| Prettier | Code formatter |
My node version - v14.17.3
- npm
npm node --version
- Clone the repo
git clone https://github.com/ThePiteroXx/diet-app.git
- Install NPM packages
npm install
- Enter your API KEYS config in
.envREACT_APP_SPOONCULAR_TOKEN=your_config REACT_APP_SPOONCULAR2_TOKEN=your_config REACT_APP_SPOONCULAR3_TOKEN=your_config
- Open local server
npm run start
| Command | Description |
|---|---|
npm run start |
Open local server |
npm run build |
Create optimized build |
https://peterskubisz-diet-app.netlify.app
Distributed under the MIT License. See LICENSE.txt for more information.