O'Recipes

Lien : O'Recipes

• L'api peut mettre du temps à charger, veuillez patienter quelques secondes avant de pouvoir consulter les recettes.

Description

O'Recipes est une application web développée avec React et Vite, permettant de consulter et de gérer des recettes de cuisine. L'application récupère les données d'une API et utilise plusieurs composants pour afficher les informations. Elle inclut également une fonctionnalité de connexion pour les utilisateurs.

Fonctionnalités

• Récupération des données d'une API
• Plusieurs composants pour afficher les recettes
• Fonctionnalité de connexion pour les utilisateurs
• Stylisation avec Tailwind CSS
• Responsive design

Prérequis

• Node.js
• npm

Dépendances

• axios : Pour les requêtes HTTP
• eslint-config-airbnb : Configuration ESLint basée sur les règles d'Airbnb
• react : Bibliothèque JavaScript pour construire des interfaces utilisateur
• react-dom : Package pour travailler avec le DOM dans React
• react-router-dom : Routage pour les applications React

Compte utilisateur pour se connecter

Vous pouvez utiliser les comptes suivants pour vous connecter :

• Bob : { "email": "[email protected]", "password": "bobo" }
• Alice : { "email": "[email protected]", "password": "al6" }
• Dave : { "email": "[email protected]", "password": "davy" }

Licence

Ce projet est sous licence MIT.

O'Recipes

Link : O'Recipes

• The api can take some time to load, please wait a few seconds before you can view the recipes.

Description

O'Recipes is a web application developed with React and Vite, allowing users to view and manage cooking recipes. The application retrieves data from an API and uses several components to display the information. It also includes a login functionality for users.

Features

• Data retrieval from an API
• Multiple components to display recipes
• User login functionality
• Styling with Tailwind CSS
• Responsive design

Prerequisites

• Node.js
• npm or yarn

Dependencies

• axios : For HTTP requests
• eslint-config-airbnb : ESLint configuration based on Airbnb's rules
• react : JavaScript library for building user interfaces
• react-dom : Package for working with the DOM in React
• react-router-dom : Routing for React applications

User Accounts for Login

You can use the following accounts to log in:

• Bob: { "email": "[email protected]", "password": "bobo" }
• Alice: { "email": "[email protected]", "password": "al6" }
• Dave: { "email": "[email protected]", "password": "davy" }

License

This project is licensed under the MIT License.