Yummy (JavaScript Capstone)

Description

This is the JavaScript capstone project. 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.

🚀 Live Demo

GitHub Pages live demo link.

Video Demo

Video Demo Link

Screenshots

🛠 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.

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
• Twitter: @Eng_OmarMuhamad
• LinkedIn: @eng-omarmuhammad

👨‍💻 Kerolous Samy

• GitHub: @keroloussamy
• Twitter: @kerolous_samy
• LinkedIn: @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.