https://github.com/omar-muhamad/yummy-javascript-capston

We build Meal recipes website based on an external API Meals DB and Involvement API. The website is dynamic and builds basic single-page apps using ES6 syntax, ES6 modules, callbacks, promises, and webpack. follow Gitflow and perform a code review for a team member.
https://github.com/omar-muhamad/yummy-javascript-capston

agile bootstrap css3 html5 javascript kanban pair-programming

Last synced: 11 months ago
JSON representation

We build Meal recipes website based on an external API Meals DB and Involvement API. The website is dynamic and builds basic single-page apps using ES6 syntax, ES6 modules, callbacks, promises, and webpack. follow Gitflow and perform a code review for a team member.

• Host: GitHub
• URL: https://github.com/omar-muhamad/yummy-javascript-capston
• Owner: Omar-Muhamad
• License: mit
• Created: 2021-12-21T00:13:04.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-18T13:11:59.000Z (about 2 years ago)
• Last Synced: 2025-04-18T17:19:48.808Z (11 months ago)
• Topics: agile, bootstrap, css3, html5, javascript, kanban, pair-programming
• Language: JavaScript
• Homepage: https://omar-muhamad.github.io/Yummy-JavaScript-Capston/
• Size: 2.45 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)

# Yummy (JavaScript Capstone)

## Description

This is the JavaScript capstone project.

We build Meal recipes website based on an external API [Meals DB](https://www.themealdb.com/api.php) and [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270).

The website is dynamic and builds basic single-page apps using ES6 syntax, ES6 modules, callbacks, promises, and webpack.

follow Gitflow and perform a code review for a team member.

## 🚀 Live Demo

GitHub Pages [live demo link](https://omar-muhamad.github.io/JavaScript-Capston-Project/).

## Video Demo

[Video Demo Link](https://drive.google.com/file/d/1IjgiWaM0W9-w2ZkGlV94dh3Td6D9Qcmk/view)

## Screenshots

![screenshot](./Screenshot-1.png)

![screenshot](./Screenshot-2.png)

## 🛠 Built With

### Tech Stack

- JavaScript.

- HTML.

- CSS.

- Babel js (Transpiler).

- Webpack js (Bundler).

- Linters.

### Key Features

- Gitflow workflow is used.

- GitHub Projects (Kanban board Agile) is used to arrange workload between team members.  

- Bable.js transpiler and Webpack.js bundler used for the development process.

- REST API consumed to fetch recipes, comments, and likes (get and post).

## Getting Started

### Prerequisites

- Install [node.js](https://nodejs.org/en/).

  

### Setup

- Clone the project using git-bash or Githup Desktop.

- Open the project folder with VSCode or any Editor.

- Open the terminal and navigate to the project folder.

### Usage

- Run this command `npm install` to install dependencies.

- Run this command `npm start` to start the dev server.

### Test

- `Npm run test`

## Authors

👨‍💻 **Omar Muhammad**

- GitHub: [@Omar-Muhamad](https://github.com/Omar-Muhamad)

- Twitter: [@Eng_OmarMuhamad](https://twitter.com/Eng_OmarMuhamad)

- LinkedIn: [@eng-omarmuhammad](https://www.linkedin.com/in/eng-omarmuhammad/)

👨‍💻 **Kerolous Samy**

- GitHub: [@keroloussamy](https://github.com/keroloussamy)

- Twitter: [@kerolous_samy](https://twitter.com/kerolous_samy)

- LinkedIn: [@keroloussamy](https://www.linkedin.com/in/keroloussamy/)

## 🔭 Future Features

- Update the app design and add mobile responsiveness.

## 🤝 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!

## License

The app is [MIT-licensed](https://github.com/Omar-Muhamad/JavaScript-Capston-Project/blob/main/LICENSE).