https://github.com/selma-belhadj/food-dishes

This is a web app where users can view food meals with their descriptions fetched from the MealsDB API. Users can "like" meal cards and view the number of "likes" each card has. Users can also leave comments and view comments made by others!
https://github.com/selma-belhadj/food-dishes

css3 html5 javascript jest-tests webpack

Last synced: 6 days ago
JSON representation

This is a web app where users can view food meals with their descriptions fetched from the MealsDB API. Users can "like" meal cards and view the number of "likes" each card has. Users can also leave comments and view comments made by others!

• Host: GitHub
• URL: https://github.com/selma-belhadj/food-dishes
• Owner: selma-belhadj
• Created: 2022-02-07T08:51:57.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-25T21:37:15.000Z (about 2 years ago)
• Last Synced: 2025-01-04T01:05:57.633Z (11 days ago)
• Topics: css3, html5, javascript, jest-tests, webpack
• Language: JavaScript
• Homepage: https://foodzz.netlify.app/
• Size: 1.26 MB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# The Capstone Project JS (Food Dish) 

> This Webapp displays a list of food dishes. The user is able to like any of the meals, and also read more information about each meal once he clicks on the **Comment** button. Also, the user is able to leave a comment about any meal.

![screenshot](./src/images/Screenshot.png)

## Built With

- HTML

- CSS

- JavaScript

- Webpack

## Live Demo 

[Live Demo Link](https://foodzz.netlify.app/)

## Getting Started

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

- clone the repository by running

``` git clone https://github.com/selma-belhadj/JSCapstone.git ```

- navigate to the folder

``` cd JSCapstone ```

- Install packages

``` npm install ```

- Run the app

``` npm start ```

## Prerequisites

- Linters

- GitHub Flow

- Javascript

- WEBPACK

- Jest

### Run tests

Run the test 

`npm run test`

## Authors

👤 **Author 1: Omar Salem**

- GitHub: [Omar Salem](https://github.com/omarsalem7)

- Twitter: [Omar Salem](https://twitter.com/Omar80491499)

- LinkedIn: [Omar Salem](https://www.linkedin.com/in/omar-salem-a6945b177/)

👤 **Author 2: Selma Belhadj**

- GitHub: [@selma-belhadj](https://github.com/selma-belhadj)

- Twitter: [@Bel_Selma16](https://twitter.com/Bel_Selma16)

- LinkedIn: [@selma-belhadj](https://www.linkedin.com/in/selma-belhadj/)

## Show your support

Give a ⭐️ if you like this project!