Instant messaging app with "pure" HTML, CSS, JavaScript, AJAX and PHP
Pour installer l’application, vous pouvez le cloner à partir de votre terminal en utilisant la commande git clone https://github.com/moussa05/littorale.git. Après avoir installé Laravel, Composer et un système de gestion de base de données MySQL sur votre ordinateur, vous pouvez suivre les étapes suivantes. Etapes à suivre :
- Ouvrir le dossier « littorale » sur un terminal
- Lancer la commande composer install pour installer les dépendances
- Sur PHPMyAdmin, créer une base de données nommée observatoire_littoral et importez le fichier observatoire_littoral.sql dans la base de données
Pour utiliser la plateforme, il faut :
- Se déplacer jusqu’ à la racine du projet à partir de la ligne de commande
- Et enfin lancer la commande
php artisan serve
pour démarrer l’application. L’application est maintenant accessible à partir de votre navigateur sur le lien http://127.0.0.1:8000/
Sur la page d’accueil, vous pouvez visualiser toutes les actualités, ces dernières sont classées en catégories (article, événement, alerte …).
- Le « customizer » qui se trouve à droite de l’écran d’accueil regroupe trois boutons.
- Le bouton permettant de lancer une alerte
- Le bouton permettant d’envoyer une demande d’adhésion
- Et le bouton à propos
- Vous pouvez faire une recherche en cliquant sur le bouton de recherche qui se trouve sur le menu.
- Si vous disposer des droits de connexion, vous pouvez vous connecter en cliquant sur le bouton « se connecter » qui se trouve sur le menu.
- Ensuite vous devez vous authentifier pour accéder à votre espace personnel.
- A partir de là, vous pouvez créer des articles et des événements, les modifier, les supprimer.
- Vous pouvez vous déconnecter en cliquant sur le bouton « se déconnecter » qui se trouve sur le menu en bas à gauche.
- Laravel 9
- MySQL
- Bootstrap 5
- JavaScript
- HTML
- CSS
- https://avatars.dicebear.com/ : pour les avatars des utilisateurs
- https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css : pour les icones
Github Profile | |
---|---|
rootniang | [email protected] |
moussa05 | [email protected] |
babatop2313 | [email protected] |
ayshagassama1 | [email protected] |