This project is a web application that allows users to search for nutrition facts using the API provided by https://api-ninjas.com/api/nutrition. The application is built using ReactJS and Vite and utilizes TailwindCSS for styling. React Query is used for data fetching and caching, React Router is used for routing, and Axios is used for HTTP requests.
To run this project locally, follow these steps:
- Clone the repository to your local machine using the command:
git clone https://github.com/deangelisp/nutritionfacts.git- Install dependencies using the command:
npm install- Start the development server using the command:
npm run dev- Navigate to
http://localhost:3000in your web browser to view the application.
Before running the application, you need to create a .env file in the root directory of the project and add the following line to it:
VITE_NINJAS_API_KEY=YOUR_API_KEY_HEREReplace YOUR_API_KEY_HERE with your API key from https://api-ninjas.com. This step is necessary to authenticate your requests to the API.
The application allows users to search for nutrition facts by entering a food item name in the search bar. The application will display a list of matching items along with their nutrition facts. Users can click on an item to view more details about it.
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository to your GitHub account.
- Create a new branch for your changes.
- Make your changes and commit them with descriptive commit messages.
- Push your changes to your forked repository.
- Create a pull request to merge your changes into the main repository.
This project is licensed under the MIT license. See the LICENSE file for more information.