Capstone Project (Meals)

The JavaScript capstone project is about building web application based on an external API. We selected an API that provides data about Meals and then build the webapp around it. The webapp have 2 user interfaces.

• A home page showing a list of Meals items that you can "like".
• A popup window with more data about an item that you can use to comment on it.

Website Mockup 📱 💻 🖥️

Built With ⚙️

• Major languages: HTML, CSS, & JavaScript.
• Frameworks: No-Frameworks.
• Linters: Lighthouse, Webhint, Stylelint and ESLint.
• Technologies used: NPM, Webpack, & Jest Library.
• Tools: Git, Gitflow, GitHub, VS Code, & Chrome Browser.

Live Demo (Deployed on GitHub Pages with SSL)

Live Demo Link

Video Presentation

Live Video Link

Prerequisites

• Basic Knowledge of HTML, CSS, & JavaScript.

• Basic knowledge of ES6 syntax.

• Basic knowledge of Git & GitHub.

• Basic knowledge of Git, GitHub &Gitflow.

• Basic knowledge of Linters.

• Basic knowledge of Webpack.

• Basic knowledge of Jest unit-testing library.

• Basic knowledge of VS Code or any other code-editors.

Getting Started

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

Clone Git Repository

-Reach to following Github URL:

https://github.com/megha-n-bodke/CapstoneProject2

-Copy the URL.

-In Visual Studio Code “Terminal” change the current working directory to the location where you want the cloned directory.

-Type git clone in the terminal, paste the URL you copied earlier, and press “enter” to create your local clone.

-syntax:

$ git clone {repository URL}

Install Dependencies(with following Command)

• npm install

Build webpack

• run command

npm run build

Start server

• npm start

Usage

Showcase Meals Application

Authors

👤 Megha Bodke

• GitHub: @megha-n-bodke
• LinkedIn: Megha Bodke

Sonick Mumba

• GitHub: Sonickmumba
• Twitter: @Sonick
• LinkedIn: Sonick Mumba

Deployment

For deployment you can use the GitHub Pages.

Show your support

Give a ⭐️ if you like this project!

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments

• Thanks to Microverse for giving this opportunity to learn ...
• Code Reviewers & Coding Partners.
• Hat tip to anyone whose code was used.
• Inspiration.

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.