User facing program to post and fetch data from and API (You can find the backend repo here). You can use this app to check how many calories have taken each day.
Screenshot
Additional description about the project and its features.
- ReactJS
- Redux
- Redux thunk
- Material UI
- Jest
- redux-mock-store
- moxios
- User can login/logout/register by a token based authentication
- User can't access the app without loging in
- User can submit the amounts of Carbohydrates, Proteins and Fats
- The database will calculate how much calories has the user eaten based on the amounts of the ingredients above
- User will have a percentage progress to show him how much calories he can have today in order to lose weight
- User is presented with a page that renders a chart to see the amounts of calories he had in the last seven days
Email and password to check the app: Email: martin@martinnajjar.tech password: 123456
To get a local copy up and running follow these simple example steps.
- NodeJS
- Code Editor
Open up a terminal (after installing Git) and run the following command:
git clone https://github.com/martinnajjar12/calories-frontend
and hit Enter.
OR
Download a zip version of the project from the above button.
To install the required dependencies run this command in your terminal:
npm install
In order to open it in your browser, you need to dispatch the following command:
npm start
Note: You will not be able to interact with the server because of CORS (Cross-Origin Resource Sharing) restriction.
To test the application please run this command:
npm test
👤 Martin Najjar
- GitHub: Martin Najjar
- Twitter: Martin Najjar
- LinkedIn: Martin Najjar
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- App idea by me 😉
- Calculator.net
- Healthline
- My Body My Chicken
- Designed by Gregoire Vella
- Mockup psd created by rawpixel.com - www.freepik.com
This project is MIT licensed.