https://github.com/vflorin1995/foodie
This is JavaScript capstone project is about building your own web application based on an external API. The webapp consist of two user interfaces. It has a home page with cards and popup window with detail of given cards. User can also add comments and view comments on popup window. In the project the third party API Server is used TheMealDB
https://github.com/vflorin1995/foodie
css html javascript webpack
Last synced: 5 months ago
JSON representation
This is JavaScript capstone project is about building your own web application based on an external API. The webapp consist of two user interfaces. It has a home page with cards and popup window with detail of given cards. User can also add comments and view comments on popup window. In the project the third party API Server is used TheMealDB
- Host: GitHub
- URL: https://github.com/vflorin1995/foodie
- Owner: vflorin1995
- License: mit
- Created: 2022-10-17T08:22:44.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-10-20T13:22:05.000Z (almost 4 years ago)
- Last Synced: 2025-08-04T02:12:59.444Z (12 months ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage: https://vflorin1995.github.io/API-based-webapp/dist/
- Size: 654 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## API-Based Web Application
This is JavaScript capstone project is about building your own web application based on an external API. The webapp consist of tow user interfaces. It have home page with cards and popup window with detail of given cards. User can also add comments and view comments on popup window. In the project the third party API Server is used TheMealDB
## Website Live Demo Link
- [API-based webapp](https://vflorin1995.github.io/API-based-webapp/dist/)
## Built With
- HTML
- CSS
- JS
- Linters
- Webpack
- ES6
- API
- JEST
## Getting Started
- GitHub Repositry URL: https://github.com/vflorin1995/API-based-webapp
- Clone Above GitHub URL of repositry.
- CD into the required Directory
- Install npm Package with the command : npm install
- Make Sure Installation of Linters, Webpack, and Webpack Server.
- Start webpack server with the command : npm start
### Prerequisites
- Html & CSS basics
- Git & Github
- SSH key for github linked to git on local environment
- Code compiler
- Webpack installation
### Run tests
- Install project dependencies (libraries) using npm install command
- Run webpack build using npm run build command
- Run webpack dev server using npm run start command
# Authors
👤 **Voicu FLorin**
- GitHub: [@vflorin1995](https://github.com/vflorin1995)
- Twitter: [@vflorin1995](https://twitter.com/vflorin1995)
👤 **Mudasir Sherwani**
- GitHub: [@Mudasir Sherwani](https://github.com/MudasirSherwani)
- Twitter: [@Mudasir Sherwani](https://twitter.com/mudasirsherwani)
- LinkedIn: [Mudasir Sherwani](https://linkedin.com/in/mudasir-ashraf-071321a4)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- microverseinc
- Inspiration
- [Thanks to TheMealDB ](https://www.themealdb.com)
## 📝 License
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._