Skip to content

Calories Tracker is a web app, built with ReactJS for the frontend, Ruby on Rails for the backend. The idea of this app is that the user can submit how many Carbohydrates, Proteins and Fats he had in his day, and the app will calculate the amount of Calories he had taken that day and presented it in a nice way using percentage circular progress …

Notifications You must be signed in to change notification settings

martinnajjar12/calories-frontend

Repository files navigation

Calories App - FrontEnd

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

Screenshot

Additional description about the project and its features.

Built With

  • ReactJS
  • Redux
  • Redux thunk
  • Material UI

Tested With

  • Jest
  • redux-mock-store
  • moxios

Features

  • 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

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • NodeJS
  • Code Editor

Setup

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.

Install

To install the required dependencies run this command in your terminal:

  npm install

Usage

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.

Run tests

To test the application please run this command:

  npm test

Authors

👤 Martin Najjar

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

About

Calories Tracker is a web app, built with ReactJS for the frontend, Ruby on Rails for the backend. The idea of this app is that the user can submit how many Carbohydrates, Proteins and Fats he had in his day, and the app will calculate the amount of Calories he had taken that day and presented it in a nice way using percentage circular progress …

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published