commit
bd1c895ff2
@ -1,32 +0,0 @@
|
||||
# React-Native BUT2 Notation
|
||||
|
||||
Duration : 10 * 2h
|
||||
|
||||
## Documentation (4 pts)
|
||||
|
||||
* Application sketches
|
||||
|
||||
## Basics (10 pts)
|
||||
|
||||
* Navigation (2 pts)
|
||||
* Tab bottom navigation + at least one button
|
||||
* Store (2 pts)
|
||||
* Read data from redux store
|
||||
* Actions (1 pts)
|
||||
* Update data to redux store
|
||||
* Display list of items (2 pts)
|
||||
* FlatList, VirtualizedList or SectionList
|
||||
* Display image (1 pts)
|
||||
* Child props (1 pts)
|
||||
* TextInput (1 pts)
|
||||
|
||||
## Application features (6 pts)
|
||||
|
||||
* Retrieve data using the Web API (2 pts)
|
||||
* Store favorite data into phone storage (2 pts)
|
||||
* Write Tests (2 pts)
|
||||
|
||||
## Bonus (only taken into account if the basics are all mastered)
|
||||
|
||||
* Dark/Light mode switch (2pts)
|
||||
* Sexy UI (2 pts)
|
@ -1 +1,79 @@
|
||||
[Slides](https://iutsa01.blob.core.windows.net/react-native/ReactNative.pdf)
|
||||
<div align = center>
|
||||
|
||||
<img src="assets/banner.png" width="1050" height="">
|
||||
|
||||
</div>
|
||||
|
||||
<div align = center>
|
||||
|
||||
---
|
||||
|
||||

|
||||

|
||||
|
||||
|
||||
---
|
||||
|
||||
</div>
|
||||
|
||||
<div align = center>
|
||||
|
||||
# **DesckStone**
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
# :bookmark_tabs: Présentation
|
||||
|
||||
DeckStone est une application master detail créé grâce au framework React Native en TypeScript et en JavaScript.
|
||||
Elle vous permet la gestion des cartes hearstone que vous posséder avec la consultation des informations des cartes et l'utilisation de favoris persistants.
|
||||
|
||||
|
||||
|
||||
# Notation :white_check_mark:
|
||||
|
||||
|
||||
## ``` Documentation ```
|
||||
|
||||
:white_check_mark: **ReadMe**
|
||||
:white_check_mark: **Sketches** : 
|
||||
|
||||
## ```Bases```
|
||||
|
||||
:white_check_mark: **Navigation** : Nous avons une barre de navigation fonctionnel nous permettant de naviguer entre les trois écrans.
|
||||
:white_check_mark: **Store** : Nous utilisons le store pour charger nos données et les stocker mais aussi pour gérer les favoris.
|
||||
:white_check_mark: **Actions** : Nous utilisons les actions pour charger les données depuis le redux mais aussi pour ajouter et supprimer les favoris.
|
||||
:white_check_mark: **Display List of Items** : Nous affichons la liste des cartes et celles des favoris dans 2 écrans différents.
|
||||
:white_check_mark: **Display image** : Chaque cartes sont affiché par un component qui affiche l'image de la carte.
|
||||
:white_check_mark: **Child props** : Nous utilisons un props pour passer la carte au component qui l'affiche.
|
||||
:white_check_mark: **TextInput** : Une recherche par nom peut être effectué par dans les 2 listes.
|
||||
|
||||
## ```Application features```
|
||||
|
||||
:construction_worker: **API** : Nous utilisons l'API officielle du jeu pour récupérer nos données, cependant nous n'avons pas pu gérer le changement de token, nous le changeons donc à la main.
|
||||
***Source*** : https://develop.battle.net/documentation/hearthstone/game-data-apis
|
||||
:white_check_mark: **Store favorite data into phone storage** : Nous utilison l'AsyncStorage pour sauvegarder la liste des favoris dans le téléphone.
|
||||
:construction_worker: **Write Tests** : Nous testons les actions, le reducer et les composants UI que nous avons implémenter, cependant les éléments utilisant indirectement l'AsyncStorage ne passent pas les tests à cause d'un problème d'utilisation du mockAsyncStorage.
|
||||
|
||||
## ``Bonus``
|
||||
|
||||
* :warning: **Dark/Light mode switch** : Nous n'avons pas mis en place ce mode
|
||||
* :construction_worker: **Sexy UI** : A vous de juger !
|
||||
|
||||
|
||||
# :construction_worker: Développeurs
|
||||
|
||||
- Corentin RICHARD : corentin.richard@etu.uca.fr
|
||||
- Pierre FERREIRA : pierre.ferreira@etu.uca.fr
|
||||
|
||||
<div align="center">
|
||||
<a href = "https://codefirst.iut.uca.fr/git/corentin.richard">
|
||||
<img src="https://codefirst.iut.uca.fr/git/avatars/4372364870f18ab9104f13222fa84d2e?size=870" width="50" >
|
||||
</a>
|
||||
<a href = "https://codefirst.iut.uca.fr/git/pierre.ferreira">
|
||||
<img src="https://codefirst.iut.uca.fr/git/avatars/edbacace5f621ae77077f206ebdcee27?size=870" width="50" >
|
||||
</a>
|
||||
|
||||
© IUT - Auvergne
|
||||
</div>
|
After Width: | Height: | Size: 144 KiB |
After Width: | Height: | Size: 286 KiB |
Loading…
Reference in new issue