You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
LeftOvers/README.md

131 lines
3.8 KiB

<div align = center>
1 year ago
<img src="Images/LeftOvers_Logo.jpg" alt="Application image" height="300" />
</div>
**Name of the application** : LeftOvers :pizza:
</br>
**Thème de lapplication** : 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>