Projet application Mélune

Auteur : Jules Hemery

Table des matières

• Introduction
• Choix de technologie
• Installation
• TODO

Introduction

Suite à la naissance de ma fille, je me suis lancé dans le développement d'une application afin de garder une trace de ses activitées (Biberons, Couches, Bains, etc...).

Choix de technologie

J'ai choisi de réaliser ce projet en utilisant le framework React Native afin d'approfondir mes connaissance et de pouvoir en exporter une app native et l'installer sur n'importe quel téléphone.

Grace à Expo je vais pouvoir tester dynamiquement l'application sur un téléphone Android.

J'utilises les packages suivants :

• BottomTabNavigation (pour gérer les onglets)
• React-navigation (pour gérer les pages)
• React-icons (pour les icônes)
• React-native-slider (pour des sliders)
• React-native-numeric-input (pour des inputs numériques)
• React-native-date-picker (pour des calendriers)

Installation

• Pré-requis :

  • Node.js v16.14.2 (LTS)
  • React 17.0.1
  • React-native v0.64.3
  • expo-cli (v5.3.0)

• Installation de l'application sur machine locale :

  1. Clone le projet sur votre machine
  2. Executer dans l'ordre les commandes suivante dans un terminal :
     • npm install
     • expo start

• Installation de l'application sur un téléphone Android :

  1. S'assurer que le téléphone est en mode développement
  2. Brancher le téléphone a votre machine
  3. Exporter l'APK dans un des dossiers de votre téléphone
  4. Installer l'APK sur votre téléphone

TODO

• galerie photos
• app icon et splash screen
• react query
• ui redisign w/ components
• dark mode
• stats graph
• notes
• liste de courses
• rdv médecin
• user profile