Indian-Meals

A single page application(SPA) based on an external API. We selected an API that provides data about Indian meals and then built the web app around it. The web app has 2 user interfaces, the homepage and a popup window with more data about a meal that which also allows you to like and comment on it.

Homepage

Popup window

Two APIs were used for the web app: The Meals DB API and the Involvement API from Microverse. The meals API was used to retrieve and display details for Indian meals and the involvement API was used to record and display likes and comments for each meal.

Built With

• HTML
• CSS
• JavaScript(ES6)
• Webpack
• Jest Library

Live demo

Live demo link

Getting Started

To get a local copy run the following steps:

• Copy this link
• Open your terminal or command line
• Run git clone and paste the link
• Open the folder with your code editor
• Create a branch to work on
• Run npm install
• Run npm run build
• Run npm run start to launch the server.
• Run npm run test to run the test cases.

Authors

👤 Zeenat Lawal

• GitHub: @ZeenatLawal
• Twitter: @lawal_zeenat
• LinkedIn: Zeenat Lawal

👤 Elyor Doniyorov

• Github: @elyor-doniyorov
• LinkedIn: @elyor-doniyorov

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

Acknowledgments

• Standup and morning session team