Giter Site home page Giter Site logo

fayssalelansari / french-regions-cities-guide-website Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 23.67 MB

A website containing general information about french regions/cities with loging in functionality and postgresql backend.

License: GNU General Public License v3.0

PHP 42.48% JavaScript 45.73% CSS 9.47% Hack 2.31%
php javascript openstreetmaps api

french-regions-cities-guide-website's Introduction

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

french-regions-cities-guide-website's People

Contributors

fayssalelansari avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.