REPOSITORY OVERVIEWLive repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
51/100
OPENREPOHUB HEALTH SIGNALMixed signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30 Community adoption25% weight
0 Maintenance state20% weight
100 License clarity10% weight
100 Project information10% weight
100 This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Recipe App
A clean, responsive web application to browse, search, and view detailed recipes. Perfect for food lovers wanting quick access to easy-to-follow cooking instructions.
Features
- Recipe Grid Display: Browse recipes displayed in a visually appealing grid layout with images and titles.
- Search Functionality: Quickly filter recipes by name or ingredient using the search bar.
- Detailed Recipe Pages: Clicking on a recipe opens a dedicated page with ingredients and step-by-step cooking instructions.
- Responsive Design: Works seamlessly across desktops, tablets, and mobile devices.
- Simple & Intuitive UI: Designed for easy navigation and a pleasant user experience.
Demo
Check out the live demo hosted on GitHub Pages:
https://mhd-humraz.github.io/Recipe-app/
Technologies Used
- HTML5
- CSS3
- Vanilla JavaScript
Installation & Usage
To run the Recipe App locally:
-
Clone the repository:
git clone https://github.com/mhd-humraz/Recipe-app.git
-
Navigate into the project folder:
cd Recipe-app
-
Open index.html in your preferred web browser.
How to Use
- Browse the recipes on the home page displayed as a grid with images.
- Use the search bar at the top to find recipes by name or ingredient.
- Click on any recipe card to open the detailed recipe page with ingredients and cooking steps.
Deployment
The app is hosted on GitHub Pages. To deploy updates:
- Push your changes to the
main branch on GitHub.
- GitHub Pages will automatically update your live site at:
https://mhd-humraz.github.io/Recipe-app/
Contributing
Contributions, enhancements, and bug fixes are welcome!
Feel free to open issues or submit pull requests to improve the app.
License
This project is licensed under the MIT License.
Credits
Created and maintained by Mhd Humraz.
Special thanks to all who inspired and contributed ideas.
🤖 future plans
ALGORITHMICALLY RELATEDSimilar Open-Source Projects
Selected from shared topics, language and repository description—not editorial ratings.
Hi friends , this is complete recipe app where you can find or search more than 10,000 recipes , I made this big project while learning JavaScript from @https://twitter.com/jonasschmedtman?lang=en , I learned a lot by making this big and wonderful project , so this one is one of my favourite projects.
36/100 healthActive repositoryHas homepage
JavaScriptNo license#advancejavascript#api#dsa-algorithm#html-css-javascript
⑂ 0 forks◯ 0 issuesUpdated Nov 25, 2024
Project homepage ↗A simple web application that demonstrates the create, read, update and delete operations with the help of local storage. We will build a recepie application using HTML, CSS, Javascript and jQuery. This application is deployed to the live server and you can check here https://b2tech-recepie.netlify.com/
34/100 healthActive repository
JavaScriptNo license#bootstrap4#javascript#jquery#localstorage
⑂ 4 forks◯ 0 issuesUpdated Dec 31, 2022