https://github.com/udhaya007kumar/indianspciesrecipes
indianspciesrecipesFrondEnd🌶️🍛
https://github.com/udhaya007kumar/indianspciesrecipes
axios context-api reactjs router tailwandcss tanstack-react-query toast toastify
Last synced: 2 months ago
JSON representation
indianspciesrecipesFrondEnd🌶️🍛
- Host: GitHub
- URL: https://github.com/udhaya007kumar/indianspciesrecipes
- Owner: Udhaya007Kumar
- Created: 2024-11-18T10:50:34.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-22T17:41:52.000Z (6 months ago)
- Last Synced: 2025-01-29T04:43:55.682Z (4 months ago)
- Topics: axios, context-api, reactjs, router, tailwandcss, tanstack-react-query, toast, toastify
- Language: JavaScript
- Homepage: https://indianspciesrecipesfd.vercel.app
- Size: 182 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ................................................ Indain spcices Recipes FD🌶️🍛 ....................................
# Indain spcices Recipes Clent Side(frond side )........................................
# Project Overview
# This project features a collection of Indian recipes that use a variety of spices like turmeric, cumin, garam masala, coriander, and others.
# It is built using React.js to display a dynamic and user-friendly interface for browsing recipes.
# Technologies Used
# React.js: For creating the user interface and handling dynamic state.
# React Router: For managing navigation between pages (recipe list, details, etc.).
# Axios: To fetch recipe data from an API or local JSON files.
# Tailwind CSS: For styling and making the UI responsive.
# React Icons: For adding icons like search, favorites, etc.
# Responsive Design
# The website is fully responsive, allowing users to browse recipes comfortably on both mobile and desktop.
# Tailwind CSS ensures that all elements adjust fluidly to different screen sizes.
# Adding New Recipes
# If you want to contribute, you can easily add new recipes by modifying the recipes.js file or linking an API to fetch live data.
# Instructions on how to add a new recipe (title, ingredients, preparation steps, image, etc.) are provided in the codebase.
# Search Functionality
# Users can search for recipes using dish names.
# The search functionality uses React state to filter through recipes and display results dynamically as users type.
# Recipe List Page
# This project features a collection of Indian recipes that use a variety of spices like turmeric, cumin, garam masala, coriander, and others.
# It is built using React.js to display a dynamic and user-friendly interface for browsing recipes.
# Recipe Details Page
# Each recipe has a detailed page showing ingredients, preparation steps, and cooking tips.
# Spices used in the recipe are highlighted and explained to educate users on their importance in Indian cooking.
# Images of the dishes are displayed to give a visual appeal.
----------------------------------------------------------------EnD.........................................................................................