Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
NotificationsYou must be signed in to change notification settings

Projet-Etudes-3-SDV/front-end

Repository files navigation

Description

Cyna Frontend est une application développée enAngular avecIonic, permettant une expérience utilisateur fluide sur le web et mobile. Ce projet intègre des fonctionnalités avancées telles que la gestion d’état via des services Angular, la communication avec un backend Express et la prise en charge des fonctionnalités natives grâce à Capacitor.

Pour plus d'information sur les choix techniques:Lien vers l'ADR

Fonctionnalités

  • Interface utilisateur dynamique et réactive
  • Compatible web et mobile grâce à Ionic
  • Gestion d’état avec les services Angular
  • Intégration d’API REST avec HttpClient
  • Support des fonctionnalités natives avec Capacitor
  • Tests unitaires avec Karma et Jasmine

Installation

Prérequis

  • Node.js (>= 16)
  • Angular CLI (>= 15)
  • Ionic CLI (>= 7)
  • Capacitor
  • Git
  • Android Studio

Clonage du projet

git clone https://github.com/Projet-Etudes-3-SDV/front-end.gitcd front-end

Installation des dépendances

npm installnpm install -g @ionic/cli

Configuration

Créer un fichier.env à la racine du projet et ajouter :

API_URL=http://localhost:3000/api

Démarrage de l'application

En mode développement (serveur local)

ionic serve

Pour générer une application mobile (Android/iOS)

ionic buildnpx cap add android# Pour Androidnpx cap add ios# Pour iOSnpx cap sync# Synchronisation Capacitor

En mode développement (local sur mobile)

ionic cap open android

Structure du projet

/src│── app/               # Composants et services principaux│── assets/            # Fichiers statiques et images│── environments/      # Fichiers de configuration selon l’environnement│── theme/             # Styles globaux de l’application│── main.ts            # Point d’entrée de l’application│── index.html         # Fichier principal HTML

Commandes utiles

  • Lancer les tests unitaires :
ngtest
  • Générer un composant :
ng generate component nom-du-composant
  • Générer un service :
ng generate service nom-du-service

Licence

Ce projet est sous licence MIT.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp