Application to monitor calories eaten and physical activity. In this respository you can find frontend part of application.
Menu - Menu enables navigation between tabs like: Overview, My Diary, My goals, My weights, Log out.
Meals - To access this feature you will have to go to My Dairy > Meals in the menu. You can:
-
See history of eaten products - there is separate table for each meal (breakfast, dinner, lunch, supper and snacks). To change date you can use datepicker which is located at the top of the page.
-
Add product to meal - to add product to meal you must click button 'ADD PRODUCT' and start writing name of desired product. Search engine will start searching when you will type 3 characters. If product is in database you will see prompts. When you will choose product you will see calories in product portion. You can change weight of product and calories will be recalculated. When you will click 'SAVE' button, product will be added to the meal.
Note: now database isn't completely filled with products. If you want check this feature search products by these names: 'egg', 'carrot'.
- Delete product from meal - you can delete product from meal. To do this you must click dumpster icon and confirm that you want delete this product from meal.
- React
- Redux Toolkit
- TypeScript
- CSS
- MaterialUI
- Jest
- React Testing Library
- Docker
Clone the repository, go to the my-app folder and run npm start command. In other gitbash window go to the docker folder and run docker-compose up.