https://github.com/belmeetmule/m-recipe

The M-recipe is a simple recipe webiste built for fun and educational purposes. The app allows you to browse different recipes and see the details once user found her chice.The user can also filter recipes.
https://github.com/belmeetmule/m-recipe

bootstrap5 css3 html5 javascript

Last synced: 23 days ago
JSON representation

The M-recipe is a simple recipe webiste built for fun and educational purposes. The app allows you to browse different recipes and see the details once user found her chice.The user can also filter recipes.

• Host: GitHub
• URL: https://github.com/belmeetmule/m-recipe
• Owner: belmeetmule
• Created: 2024-05-21T13:17:07.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-24T05:33:41.000Z (6 months ago)
• Last Synced: 2024-10-03T12:32:57.761Z (3 months ago)
• Topics: bootstrap5, css3, html5, javascript
• Language: JavaScript
• Homepage: https://belmeetmule.github.io/m-recipe/
• Size: 640 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  
M-recipe




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 RAILS-GROUP-PROJECT](#-rails-group-project-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Deployment](#deployment)

  - [👥 Authors ](#-authors-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 M-recipe 

> The M-recipe is a simple recipe webiste built for fun and educational purposes. The app allows you to browse different recipes and see the details once user found her chice.The user can also filter recipes.



## 🛠 Built With 

### Tech Stack 

  Client

  


    
Vanella JS

  


  Server

  


    
Uses the free API provided by  Dummy json  

  


### Key Features 

- **Display list of recipes**

- **Allow filters based on recipe name**

- **Allow to see details of the recipe**

- **It is responsive- works on all screen sizes**

### Live demo 

- [Demo](https://belmeetmule.github.io/m-recipe)

( back to top)


## 💻 Getting Started 

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

### Prerequisites

In order to run this project you need:

```

 - Laptop/Desktop.

 - Internet.

 - Vs Code.

```

### Setup

Clone this repository to your desired folder:

 - mkdir my-folder

 - cd my-folder

 - git clone [([email protected]/belmeetmule/m-recipe.git)]

### Usage

To run the project:

 

- Open index.html with your favourite browser

### Deployment

- GitHub page.

(back to top)


## 👥 Authors 

👤 **Mulugeta M**

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

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

- LinkedIn: [belmeetmule](https://linkedin.com/in/belmeetmule)

(back to top)


## 🔭 Future Features 

- [ ] - **Add more recipe filter options**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/belmeetmule/m-recipe/issues).

(back to top)


## ⭐️ Show your support 

If you like this project you can fork it.

(back to top)


## 🙏 Acknowledgments 

I would like to thank...  www.dummyjson.com for the free api I used to build this project

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)