Presentation

Demonstration En Video

final_product.Fayssal.ELANSARI.mp4

Description

L'objectif de ce Projet est de pouvoir réaliser une page web dynamique en utilisant des services web et JavaScript seulement .

Le projet a ete realiser en 3 etapes principales:

1. jouter des critères de sélection sur la carte: filter
2. Gerer la création d'une d’utilisateur: sign up
3. La fonctionalite d'authentification: login et logout

Mode d'emploie

• pour S'inscrire il faut appuyer sur créez un compte ce qu'il va nous amener à la page registre.php

• La sélection des commune pour faire une choix se fait a l'aide du botton Territoire, et dans ce cas on peut saisir la surface minimale de la commune, la population minimale. Et a l'aide du boutton Afficher la liste on peut voir la liste des communes

• Dans la liste des Communes on peut choisir une ville parmis les villes dans la liste, et on peut constater pour chaque proprieté sa valeur,la position et l'emplacement de la ville sur la carte

les principes utilisés dans ce projet:

• Construction d'une version static d'une application web
• Conversion de l'application en version dynamique en utilisant JavaScript seuelement (sans l'utilisation de Framework/bibliotheques)
• Recuperation de des donnes a partir d'une BDD en utilisatn un API fournis
• Affichage d'une carte dans une page web
• Utilisation de HTML5
• Utilisation de CSS3
• Fonctionalite d'inscription dans un site web en utilisant php
• Back end en php et cookies pour gerer la connection des utilisateurs

Mise en route

installation

• récupérer le dépôt avec:

$  git clone https://github.com/fayssalElAnsari/French-regions-cities-guide-website.git 

• Veuillez excuter index.php pour pouvoir acceder aux différents services du site

Construit avec

• PHP - A server side scripting language that is embedded in HTML
• Javascript - A programming language that is one of the core technologies on the Web
• html - The standard markup language for documents designed to be displayed in a web browser
• css - A style sheet language used for describing the presentation of a document written in html

Auteurs

• Fayssal EL ANSARI
• Aya LAKEHAL 🎨

License

• GNU General Public License v3.0