Coder Social home page Coder Social logo

rahuljsaliaan / forkify-recipe-app Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 2.11 MB

Greetings from our Recipe Application! Users can contribute their own original recipes to the website to share with the community in addition to exploring a large selection of recipes. This platform is made to make it easier for you to find and share delectable recipes, whether you are a passionate home cook or a seasoned chef.

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

License: MIT License

HTML 20.89% JavaScript 50.88% SCSS 28.23%
javascript mvc parcel css3 html5

forkify-recipe-app's Introduction

Forkify-Recipe-App Application

Netlify Status

Greetings from our Recipe Application! Users can contribute their own original recipes to the website to share with the community in addition to exploring a large selection of recipes. This platform is made to make it easier for you to find and share delectable recipes, whether you are a passionate home cook or a seasoned chef.

Live App

Check out the live demo of the project ๐ŸŒŸ Explore Now! ๐ŸŒŸ.

Features

  • Explore Recipes: Users can browse through a wide variety of mouth-watering recipes available on the platform. The user-friendly interface makes it simple to search for specific recipes or filter recipes based on categories like cuisine, dietary preferences, and more.

  • Upload Custom Recipes: Share your culinary creations with the world! The app allows users to upload their own custom recipes, complete with ingredients, instructions, and a captivating image to entice fellow foodies.

  • Recipe Details: Clicking on a recipe reveals its full details, including a list of ingredients and step-by-step instructions. Users can easily follow the recipes and recreate the delicious dishes at home.

  • Responsive Design: The app is designed to be fully responsive, ensuring a seamless experience across various devices, including desktops, tablets, and smartphones.

How to Use

  1. Explore Recipes: Simply navigate to the home page of the Recipe App, where you'll find an enticing selection of recipes. Use the search bar or the filters to find specific recipes that suit your taste and dietary preferences.

  2. Upload Your Custom Recipe: To share your favorite recipes with the community, go to the "Upload Recipe" section. Fill in the required details, including the recipe name, ingredients, instructions, and don't forget to upload an appealing image that showcases the final dish.

  3. View Recipe Details: Click on any recipe card to view its detailed page. Here, you'll find the complete list of ingredients and step-by-step instructions to recreate the dish at home.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • Parcel

Thank you for your interest in the Recipe App! We hope you enjoy exploring and sharing delicious recipes with the community. If you have any questions or encounter any issues, please don't hesitate to contact us. Happy cooking! ๐Ÿณ๐Ÿฅ—๐Ÿฐ

forkify-recipe-app's People

Contributors

rahuljsaliaan avatar

Stargazers

 avatar Floyden Monteiro avatar

Watchers

 avatar

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.