https://github.com/zlhshn/recipe_app

Page access in the project was made using firebase authentication. In the project, which is a multi-page web application, recipes can be searched, filtered and their details can be viewed.
https://github.com/zlhshn/recipe_app

authentication context-api firebase material-ui pagination react-router

Last synced: 2 months ago
JSON representation

Page access in the project was made using firebase authentication. In the project, which is a multi-page web application, recipes can be searched, filtered and their details can be viewed.

• Host: GitHub
• URL: https://github.com/zlhshn/recipe_app
• Owner: zlhshn
• Created: 2023-12-28T11:30:55.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-05T21:27:41.000Z (over 2 years ago)
• Last Synced: 2025-03-22T22:13:37.082Z (over 1 year ago)
• Topics: authentication, context-api, firebase, material-ui, pagination, react-router
• Language: JavaScript
• Homepage: https://recipe-app-zlh.vercel.app/
• Size: 56.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Recipe App

## PROJECT AİM

I aimed to develop a multi-page web application using react and react router. Page access in the project was made using firebase authentication.

Recipes can be searched, filtered and their details can be viewed.

##  Live Link

[LİVE](https://recipe-app-zlh.vercel.app/)

![recipe](./recipe.gif)

## Tech/framework/method used

✨ React 


✨ Reac-Router-Dom 


✨ Axios 


✨ FİREBASE 


✨ Material UI 


✨ Context API 


✨ Pagination 


## How to use?

👩‍🍳 Users can access the site after completing the registration or login process.


👩‍🍳 Access can also be done through Google.


👩‍🍳 You can search for recipes by any word and meal type on the home page.


## API reference

https://www.edamam.com/

## How to install and run

In the project directory, you can run:

### `npm install`  

### `npm start`