The JavaScript capstone project is about building your own web application based on an external API. We will select an API that provides data about a topic that we like and then build the webapp around it.

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Js capstone project]
  • 🛠 Built With HTML/CSS,Nodejs/JavaScript, and Webpack
    • Tech Stack HTML/CSS with JavaScript & Webpack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Live Preview
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 [Javascript capstone project]

The JavaScript capstone project is about building our Food Hobbies web application based on an external API. We will select an API (https://www.themealdb.com/api.php) that provides data about a meals or Foods that we like and then build the webapp around it.

🛠 Built With HTML/CSS,Nodejs/JavaScript, and Webpack

Tech Stack HTML/CSS with JavaScript & Webpack

Client

• HTML-CSS

• Nodejs

• Webpack

Key Features

• [Clean and Simple Static Webpages]
• [Only Raw HTML & CSS with Js]
• [Nodejs for development]
• [Webpack for static bundler]

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Check Git is already installed and working:

 git --version
 node --version

It should not show you any error. And should return the version info.

Setup

Clone this repository to your desired folder:

Execute this:

  git clone git@github.com:mahabubx7/js-capstone.git

Install

Install this project with:

Install Dependencies:

  cd your-project-folder
  npm install

Usage

To run the project, execute the following command:

Execute this:

  npm start

Run tests

To run tests, run the following command:

Testing with Lint-checks:

  npm test

🚀 Screenshot

Live Video

Watch the video

🚀 Live Demo

• Live Demo

(back to top)

👥 Authors

👤 Bilal Ahmed

• GitHub: @bilalrajput09
• Twitter: @bilal_rajput09
• LinkedIn: @bilal-ahmed

👤 Abenezer Assefa

• GitHub: @AbenezerAssefa
• LinkedIn: Abenezer

👤 Isabella Otoo

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Dynamic Renders]
• [Form functionalities]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project... please give it a start.

(back to top)

🙏 Acknowledgments

I would like to thank... themealdb.com

(back to top)

❓ FAQ (OPTIONAL)

• [Why Webpack?]

  • [It is a static bundler. It helps us to bundle a big and massy web-pages project into a bundled and gives us optimized performance. ]

(back to top)

📝 License

This project is CC License licensed.

(back to top)