FruityData

A simple Angular project that brings Fruits nutritional data to you.
Try It Out

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

Use fruityData to retrieve nutritional data about fruits powered by FruityVice APIs

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• 
• 
• 

(back to top)

Getting Started

to use this project locally you need to install clone the repository and install all the dependencies to start a development server on your local networc

to do this you can follow those steps:

1. clone the repository

git clone https://github.com/Arm0ny/Fruity-Data

Prerequisites

2. install dependencies with:

npm install

make sure you have angular-cli installed locally with:

ng version

otherwise install it with:

npm install -g @angular/cli

Running a local server

to start the server ad use the application you can run:

ng serve

a message with the local server URL should appear on your console, navigate to that to open the app into the browser

(back to top)

Usage

When you first open the app you are prompted to the main page, showing all available fruits like this

you can click on one of these to get informations about it's nutritional values:

If you want you can search for a specific fruit using the searchbar at the bottom of the page let's choose a juicy fruity Apple

you will be prompted with the choosen fruit as shown in the image below:

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Armando Pagano - armando.pagano2001@gmail.com

Project Link: https://github.com/your_username/repo_name

(back to top)

Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

ng-circle-project NPM Package: https://www.npmjs.com/package/ng-circle-progress

icons8: https://icons8.it

(back to top)