https://github.com/jmoseka/meals-a-day
A collaboration project. Javascript webapp that shows meals, recipes and instructions on how to prepare them. The data is fetched from an API using redux
https://github.com/jmoseka/meals-a-day
api-rest eslint html-css-javascript webpack
Last synced: about 1 year ago
JSON representation
A collaboration project. Javascript webapp that shows meals, recipes and instructions on how to prepare them. The data is fetched from an API using redux
- Host: GitHub
- URL: https://github.com/jmoseka/meals-a-day
- Owner: jmoseka
- License: mit
- Created: 2022-05-16T08:31:40.000Z (about 4 years ago)
- Default Branch: dev
- Last Pushed: 2024-02-15T08:54:07.000Z (over 2 years ago)
- Last Synced: 2025-04-09T16:04:02.963Z (over 1 year ago)
- Topics: api-rest, eslint, html-css-javascript, webpack
- Language: JavaScript
- Homepage: https://jmoseka.github.io/Meals-A-Day/
- Size: 429 KB
- Stars: 4
- Watchers: 1
- Forks: 3
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meals-A-Day
>> JavaScript capstone project - API-based webapp
In this project we built a web application that consumes the [MealDB API](https://www.themealdb.com/api.php).
## 🔴 [LIVE LINK](https://jmoseka.github.io/Meals-A-Day/)
## Project Features
- Displays all meals that begin with letter 'c'
- A user can like a meal item
- A user can comment on a meal item
- A user can view details of a particular meal item
- A user can view comments of a particular item
## Built With 🔨
- HTML
- CSS
- JavaScript(ES6)
- Jest
- Git & Github
- Webpack
## Setup
### Clone this repository
```bash
$ git clone https://github.com/jmoseka/Meals-A-Day.git
$ cd Meals-A-Day
```
### Run project
```bash
$ npm install
$ npm run start
```
### Open page in browser
```bash
$ open dist/index.html
```
### Prerequisites
- IDE (VCode For me 🔥).
- Git and GitHub
- npm and node.js installed.
## Authors
👤 **Sonia Karungi**
- GitHub: [@SoniaKarungi](https://github.com/SoniaKarungi)
👤 **Jamila Moseka**
- GitHub: [@jmoseka](https://github.com/jmoseka)
## 🤝 Contribution
👤 **Daniel Asakpa**
[@danielasakpa](https://github.com/danielaskpa)
- Centered the style of the meals list for improved visual presentation
[feat: Centering Meals List Style](https://github.com/jmoseka/Meals-A-Day/pull/37)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](./MIT.md) licensed.