https://github.com/fuadmoin/food-recipes
Food Recipes is a simple project that display sea-foods from TheMealDb Api. The user can like, comment and look the description of each foods.
https://github.com/fuadmoin/food-recipes
api css html javascript jest webpack
Last synced: 2 months ago
JSON representation
Food Recipes is a simple project that display sea-foods from TheMealDb Api. The user can like, comment and look the description of each foods.
- Host: GitHub
- URL: https://github.com/fuadmoin/food-recipes
- Owner: fuadmoin
- Created: 2023-03-20T11:06:28.000Z (over 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-22T16:38:05.000Z (over 3 years ago)
- Last Synced: 2025-01-09T07:35:31.741Z (over 1 year ago)
- Topics: api, css, html, javascript, jest, webpack
- Language: JavaScript
- Homepage: https://fuadmoin.github.io/Food-Recipes/
- Size: 921 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Food Recipes
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [🔭 Watch video](#watch-video)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Food Recipes** is a simple project that display sea-foods from [TheMealDb](https://www.themealdb.com/api.php) Api. The user can like, comment and look the description of each foods.
## Project view:
> Home page view
> Comment popup view
- **HTML, CSS, and JavaScript, Api, Webpack, Jest**
- **html styled with css and javascript**
- **uses webpack**
- **uses Api**
> Check out the live demo for this project [here.](https://fuadmoin.github.io/Food-Recipes/dist/)
> Check out the video for this project [here.](https://drive.google.com/file/d/1nkuM7ZcOTUbiwCnHzlkZ1JUflAdbpRLP/view?usp=sharing)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
```sh
A Computer (MAC or PC)
Code editor (VSCode,Atom etc...)
A browser (Chrome,Mozilla,Safari etc...)
Version Control System (Git and Github)
NodeJS (https://nodejs.org/en/)
```
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/fuadmoin/Food-Recipes.git
```
### Install
Install this project with:
```sh
npm install
```
### Usage
```sh
npm run build
npm start
```
### Run tests
To run, run the following command:
```sh
npm test
```
### Deployment
You can deploy this project using:
```sh
Github Pages
```
👤 **Fuad Abdlemoin**
- GitHub: [@fuadmoin](https://github.com/fuadmoin)
- Twitter: [@Fuad01804580](https://twitter.com/Fuad01804580)
- LinkedIn: [Fuad Moin](https://www.linkedin.com/in/fuad-moin-a7b126259/)
👤 **Yidnekachew Kassahun**
- GitHub: [Yidne](https://github.com/Yidnekachew-cmd)
- Twitter: [Yidne](https://twitter.com/Yidnekassahun)
- LinkedIn: [Yidne](https://www.linkedin.com/in/yidnekachew-kassahun-2b817a24b/)
- [ ] **Add more meal categories**
- [ ] **Adding some backend features**
- [ ] **Mobile version of the page will be added**
Contributions, [issues](https://github.com/fuadmoin/Food-Recipes/issues), and feature requests are welcome!
If you like this project please consider starring it.
We would like to thank [Microverse](www.microverse.com) and [TheMealDb](https://www.themealdb.com/api.php) Api
This project is [MIT](./MIT.md) licensed.