Skip to content

This app allows you to discover a wide range of delicious recipes, including popular items, veggie picks, and various cuisine categories such as Italian, Chinese, Thai, and American

Notifications You must be signed in to change notification settings

Supiyasingh/All-Recipes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Full Recipe App

Welcome to the React Full Recipe App! This app allows you to discover a wide range of delicious recipes, including popular items, veggie picks, and various cuisine categories such as Italian, Chinese, Thai, and American. You can also use the search feature to find your favorite recipes quickly.

Table of Contents

Features

  • Browse popular recipes.
  • Explore veggie picks for healthy options.
  • Discover recipes from various cuisine categories: Italian, Chinese, Thai, and American.
  • Search for specific recipes by name or ingredients.
  • User-friendly interface built with React and Material-UI.
  • Routing provided by React Router.
  • Fast development with Vite.

Technologies

This project is built with the following technologies:

  • React: A JavaScript library for building user interfaces.
  • React Router: For handling routing within the app.
  • Material-UI: A popular library for building beautiful and responsive UI components.
  • Vite: A fast build tool for modern web development.

Getting Started

To run this project locally, you'll need Node.js and npm (or yarn) installed on your computer.

  1. Clone the repository:

    git clone 
    
  2. Navigate to the project directory:

    cd react-full-recipe-app
    
    
  3. Install dependencies:

    npm install
    # or
    yarn install
    
    
  4. Start the development server:

    npm run dev
    # or
    yarn dev
    
    

Usage

  1. On the homepage, you'll find a selection of popular recipes.
  2. Click on "Veggie Picks" to explore healthy and vegetarian recipes.
  3. Browse recipes from different cuisines by selecting Italian, Chinese, Thai, or American from the navigation menu.
  4. Use the search feature to find specific recipes by name or ingredients.
  5. Enjoy your cooking and discover new culinary delights!

Contributing

We welcome contributions from the open-source community. If you'd like to contribute to this project, please follow these steps:

Fork the repository.

  1. Create a new branch for your feature: git checkout -b feature-name.
  2. Make your changes and commit them: git commit -m 'Add feature'.
  3. Push your changes to your fork: git push origin feature-name.
  4. Create a pull request.
  5. Please make sure your code follows best practices and is well-documented.

About

This app allows you to discover a wide range of delicious recipes, including popular items, veggie picks, and various cuisine categories such as Italian, Chinese, Thai, and American

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published