L'application Recipeasy sera développée de façon itérative au fil de notre apprentissage de React Native.
- Créez un répertoire pour le projet sur GitHub et me le partager via l'adresse
jhoffman@cshawi.ca- Le code de l'application doit se trouver à la racine du répertoire
- Vous utiliserez également une branche distincte identifiant chacune des remises itérative. Seul le code sur la branche précisée sera considéré pour la correction.
- Chaque itération devrait être constituée de plusieurs commits, représentant une unité fonctionnelle dans la réalisation de l'itération en cours
- Chaque itération devra être présentée AVANT la date limite de remise précisée au calendrier
1- Interface utilisateur
Les prototypes d'écrans représentent une maquette, donc vous pouvez utiliser des couleurs différentes ou une librairie de composants différente sans changer la mise en forme significativement
- Exploitez judicieusement la séparation en components et l'organisation des fichiers
- Assurez-vous d'implémenter les Safe Areas, pour éviter de masquer le contenu
Pour cette première itération, implémentez seulement le contenu statique des écrans suivants:
Librairies suggérées
Boutons radio
📚 RN Radio Buttons Groupbash
npx expo install react-native-radio-buttons-groupjsx
import { View } from 'react-native';
import RadioGroup from 'react-native-radio-buttons-group';
export default function App() {
const options = [
{
id: '1',
label: 'One',
value: '1'
},
{
id: '2',
label: 'Two',
value: '2'
}
];
return (
<View>
<RadioGroup radioButtons={ options } />
</View>
);
}Liste déroulante
📚 Expo Pickerbash
npx expo install @react-native-picker/pickerjsx
import { View } from 'react-native';
import { Picker } from '@react-native-picker/picker';
export default function App() {
return (
<View>
<Picker>
<Picker.Item label="One" value="1" />
<Picker.Item label="Two" value="2" />
</Picker>
</View>
);
}Développement d'applications mobiles
Nom
GitHub, Branche remise-ui |
1 0 |
| Appréciation générale | |
| UI | 0 -0.5 -1 |
| Code | 0 -0.5 -1 |
| Écrans | |
| Connexion | 2 1.5 1 0 |
| Inscription | 2 1.5 1 0 |
| Formulaire de recette | 3 2.5 2 1 0 |