Giter VIP home page Giter VIP logo

giridharsaitinnaluri / meal-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 8 KB

Meal App is a web application that allows users to search and save recipes from various sources. It uses JavaScript for the logic, HTML for the structure and Tailwind CSS for the design. ๐Ÿ˜‹

Home Page: https://meal-app-6s4f.web.app/

HTML 14.61% JavaScript 85.39%
css3 flexbox html5 javascript responsive-design

meal-app's Introduction

Meal-App

Meal App is a web application that allows users to search and save recipes from various sources. It uses JavaScript for the logic, HTML for the structure and Tailwind CSS for the design. ๐Ÿ˜‹

The app has the following features:

  • A home page that displays a random selection of recipes from different categories and cuisines. ๐Ÿฝ๏ธ
  • A search bar that lets users enter keywords or ingredients and filter the results by category, cuisine. ๐Ÿ”Ž
  • A recipe info page that shows the details of a selected recipe, such as the ingredients, instructions, vedio on how to prepare. ๐Ÿ“
  • Users can save their favorite recipes to a personal collection using the Add to Favourites button. ๐Ÿ’–
  • Users can access their saved recipes from the menu bar and edit or delete them as they wish. ๐Ÿ—‘๏ธ
  • A responsive layout that adapts to different screen sizes and devices. ๐Ÿ“ฑ

The app uses Git for version control and collaboration. The repository has a README file that explains how to install, run and test the app locally. The code follows a consistent style and has clear comments and documentation. ๐Ÿ“š

Instructions

  1. Download/clone the respositry files to your local machine.
  2. Make sure CSS and JS files are linked to the HTML File.
  3. Run๐Ÿƒโ€โ™€๏ธ the HTML file in the browser.
  4. That's it, Now you can enjoy using the app.

Demo Links :

  1. firebase link - https://meal-app-6s4f.web.app/

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.