<div align = center>

<img src="Images/LeftOvers_Logo.jpg" alt="Application image" height="300" />

</div>

**Name of the application** : LeftOvers :pizza:
</br>

**Thème de l’application** : Suggest recipes with available ingredients.
</br>

**What is the application doing?** : 👇

</br>

:information_source: A mobile application (IOS/Android) that enables users to choose ingredients in order to cook. The app will return a list of adapted recipes.

# Git Repository Repartition

The Git root is made of two majors repositories for the project:

[**LeftOvers**](LeftOvers) : **The code part of the application**

[**Images**](Images) : **Application's Images**

👉 [**Application's solution**](LeftOvers/App.tsx)

# How it works?

# Application's Visual Chart

    ## Light Theme

<div align = center>
  <img src="Images/Screens/White/home.jpg" alt="Home" height="300" />
  <img src="Images/Screens/White/profil.jpg" alt="Profiles" height="300" />
  <img src="Images/Screens/White/modifyProfil.jpg" alt="CreateProfile" height="300" /><br/>
  <img src="Images/Screens/White/ingredientSelection.jpg" alt="IngredientSelection" height="300" />
  <img src="Images/Screens/White/recipeSuggestion.jpg" alt="RecipeSuggestion" height="300" />
  <img src="Images/Screens/White/recipeDetail.jpg" alt="RecipeDetails" height="300" /> 
</div>

    ## Dark Theme 

<div align = center>
  <img src="Images/Screens/Black/home.jpg" alt="Home" height="300" />
  <img src="Images/Screens/Black/profil.jpg" alt="Profiles" height="300" />
  <img src="Images/Screens/Black/createProfil.jpg" alt="CreateProfile" height="300" /><br/>
  <img src="Images/Screens/Black/ingredientSelection.jpg" alt="IngredientSelection" height="300" />
  <img src="Images/Screens/Black/recipeSuggestion.jpg" alt="RecipeSuggestion" height="300" />
  <img src="Images/Screens/Black/recipeDetail.jpg" alt="RecipeDetails" height="300" />
</div>

# Working Environment

Application's Support :

<div align = center>

---

&nbsp; ![Android](https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white)
&nbsp; ![IOS](https://img.shields.io/badge/iOS-000000?style=for-the-badge&logo=ios&logoColor=white)

</div>


Technologies Used :

<div align = center>

---

&nbsp; ![React Native](https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
&nbsp; ![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
&nbsp; ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white)

</div>

IDE :

<div align = center>

---

&nbsp; ![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)
&nbsp; ![Visual Studio](https://img.shields.io/badge/Visual_Studio-5C2D91?style=for-the-badge&logo=visual%20studio&logoColor=white)
&nbsp; ![Android Studio](https://img.shields.io/badge/Android_Studio-3DDC84?style=for-the-badge&logo=android-studio&logoColor=white)

</div>

How do we communicate? :

<div align = center>

---

&nbsp; ![Discord](https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white)
&nbsp; ![Teams](https://img.shields.io/badge/Microsoft_Teams-6264A7?style=for-the-badge&logo=microsoft-teams&logoColor=white)

</div>

Design :

<div align = center>

---

&nbsp; ![Canva](https://img.shields.io/badge/Canva-%2300C4CC.svg?&style=for-the-badge&logo=Canva&logoColor=white)
&nbsp; ![Figma](https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white)

</div>





# Application Developers and Admins

The team of the project is composed by three students from the Aubière's IUT in Computer Science:
<br>
⚙️ Louison PARANT
<br>
⚙️ Rayhân HASSOU 
<br>
⚙️ Remi REGNAULT 

<div align = center>
© FI Group 2
</div>