ishitaraina1807 / Nutritions-Meter

The website would compare the nutrition data of two fruit varieties and display the comparison in different types of charts like bar graphs, and line graphs. The website would also include detailed nutritional information regarding the two fruits and provide users with the option to view the comparison in different formats.

Home Page:https://nutritions-meter.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

✨ Nutritions Meter ✨

Badge Badge Badge Badge Badge


Tech Stack :

  • Frontend: HTML,CSS,React Js, Java Script, Bootstrap, Chart JS
  • Version Control: Git and GitHub
  • Hosting: Netlify
  • Code Editor and tools: VS Code

✨ Welcome to Quiz Web App ✨

Table of Contents

- Overview
- UI of Website
- Contribution Guideline

Overview 🔨

Nutritions Meter is a website would compare the nutrition data of two fruit varieties and display the comparison in different types of charts like bar graphs, and line graphs. The website would also include detailed nutritional information regarding the two fruits and provide users with the option to view the comparison in different formats.


UI of the Website

image

Home Page

image

Fruits Selection

image

Bar Chart

image

Line Chart


Setup Steps

  • Go to directory
$ cd Nutritions-Meter
  • Install Dependency
npm install
  • Start LocalHost Server
npm run start

Contribution Guidelines 🏗

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/imhardikdesai/Nutritions-Meter.git

3. Navigate to the project directory 📁 .

cd Nutritions-Meter

4. Add a reference(remote) to the original repository.

git remote add upstream Quiz-App.git

5. Check the remotes for this repository.

git remote -v

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perfom your desired changes to the code base.

8. Track your changes:heavy_check_mark: .

git add .

9. Commit your changes .

git commit -m "Relevant message"

10. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts done.

13. Click on Create Pull Request.

14 You did it! 🥳 Wait for your submission to be accepted and your PR to be merged.


About

The website would compare the nutrition data of two fruit varieties and display the comparison in different types of charts like bar graphs, and line graphs. The website would also include detailed nutritional information regarding the two fruits and provide users with the option to view the comparison in different formats.

https://nutritions-meter.netlify.app/


Languages

Language:JavaScript 89.4%Language:CSS 7.2%Language:HTML 3.4%