Giter Site home page Giter Site logo

hariyebk / forkify Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 3.08 MB

A Recipe search engine

Home Page: https://forkify-harun.netlify.app

License: MIT License

HTML 19.26% JavaScript 57.10% SCSS 23.63%
food-recipes forkify-project javascript-es6 jonas-schmedtmann-course mvc-architecture

forkify's Introduction

Forkify

Forkify is a project created as part of an Advanced JavaScript course on Udemy by instructor Jonas Schmedtmann. It is a recipe app built using the Model-View-Controller (MVC) architecture in JavaScript. It allows users to search for and bookmark recipes from a database of over 1 million recipes.

Features

  • Search for recipes by entering a query
  • View recipe details including ingredients, instructions, and images
  • Adjust the number of servings to scale the recipe
  • Bookmark your favorite recipes to view them later
  • Upload your own recipes to the database

html5 sass javascript npm

Tech Stack

  • JavaScript (ES6+)
  • Forkify API for recipe data
  • MVC architecture
  • Async/Await for asynchronous functions
  • LocalStorage for bookmarking recipes

Possible Improvements

  • Add nutrition information for recipes
  • Improve search to better match user intent
  • Add user accounts to save bookmarks
  • Allow users to upload images for their recipes
  • Add filtering and sorting options for search

Instructions

  1. Clone the repo git clone https://github.com/hariyebk/forkify.git
  2. Run npm install to install dependencies
  3. Run npm start to start the development server
  4. Open http://localhost:1234 in your browser

Contributing

Contributions are welcome and encouraged! To contribute please follow these steps:

  1. Fork this repository by clicking on "Fork" button at right top corner of page.
  2. Create new branch: git checkout -b my-new-feature
  3. Make changes to files according to desired feature(s).
  4. Commit your changes: git commit -am 'Add some feature'.
  5. Push to the branch: git push origin my-new-feature.
  6. Submit a pull request by opening PR in original respository (not yours)

I review all pull requests thoroughly and appreciate every contribution made.

If you find any bugs/issues/errors please create an issue ticket/appropriate category within issues in Github.

License

This project is licensed under MIT license - see LICENSE.md for more details.

Project Status

This project was built as part of Jonas Schmedtmann's JavaScript course on Udemy. I may continue to improve and add new features to the project over time.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.