Parking Montpellier

Live app - README en Français - English README

---

A propos du projet

Ce projet est une application web qui affiche des informations sur les parkings de la ville de Montpellier, France. Les données proviennent du portail de données ouvertes de la ville, et l'application permet aux utilisateurs de consulter les informations des parkings, l'occupation des parkings en temps réel.

Fonctionnalités

• Visualisez en temps réel la disponibilité des places de parking à Montpellier
• Filtrez les places de parking par nom, disponibilité et distance par rapport à votre emplacement
• Ajoutez des places de parking à vos favoris pour un accès rapide
• Afficher les détails de chaque place de parking, y compris l'adresse, la capacité et la disponibilité en temps réel
• Visualisez les parkings sur une carte interactive

Instructions

Ces instructions vous permettront d'obtenir une copie du projet opérationnel sur votre ordinateur local à des fins de développement et de test.

Prérequis

• npm / yarn
• Un serveur cors-proxy et éventuellement une clé API pour celui-ci

Installation

Pour installer le projet, exécutez les commandes suivantes :

1. Clonez le dépôt :

git clone https://github.com/ArthurBlanc/Parking-Montpellier.git

2. Installez les dépendances :

yarn

ou

npm install

3. Créez un fichier .env et ajoutez :

REACT_APP_CORS_PROXY_URL="YOUR-CORS-PROXY-URL"

et éventuellement

REACT_APP_CORS_PROXY_API_KEY="YOUR-CORS-PROXY-API-KEY"

4. Démarrez le serveur de développement :

yarn start

ou

npm start

5. Ouvrez http://localhost:3000 pour afficher l'application dans le navigateur

Développé avec

• Code Visual Studio - Un éditeur de code source léger mais puissant
• React 18 - Bibliothèque JavaScript pour la construction d'interfaces utilisateur
• Create React App - Un moyen officiellement pris en charge pour créer des applications React
• React Router V6 - Routage déclaratif pour les applications Web React
• Sass - Puissant langage d'extension CSS de qualité professionnelle
• CORS Anywhere - Un proxy NodeJS qui ajoute des en-têtes CORS à la requête proxy
• Font Awesome - Bibliothèque d'icônes et boîte à outils
• GitHub - Une plate-forme d'hébergement de code pour le contrôle de version et la collaboration
• Portail Open Data de la Ville de Montpellier

Auteur

Arthur BLANC - GitHub

---

About The Project

This project is a web application that displays information about parking in the city of Montpellier, France. The data is sourced from the city's open data portal, and the application allows users to view parking information, view real-time parking occupancy data, and save their favorite parking locations.

Features

• View real-time availability of parking spaces in Montpellier
• Filter parking spaces by name, availability, and distance from your location
• Add parking spaces to your favorites for quick access
• View details about each parking space, including address, capacity, and real-time availability
• View parking spaces on an interactive map

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• npm / yarn
• A cors-proxy server and eventually the a API key for it

Installation

To install the project, run the following commands:

1. Clone the repository:

git clone https://github.com/ArthurBlanc/Parking-Montpellier.git

2. Install dependencies:

yarn

or

npm install

3. Create a .env file and add:

REACT_APP_CORS_PROXY_URL="YOUR-CORS-PROXY-URL"

and eventually

REACT_APP_CORS_PROXY_API_KEY="YOUR-CORS-PROXY-API-KEY"

4. Start the development server:

yarn start

or

npm start

5. Open http://localhost:3000 to view the app in the browser

Built With

• Visual Studio Code - A lightweight but powerful source code editor
• React 18 - JavaScript library for building user interfaces
• Create React App - An officially supported way to create React applications
• React Router V6 - Declarative routing for React web applications
• Sass - Powerful professional grade CSS extension language
• CORS Anywhere - A NodeJS proxy which adds CORS headers to the proxied request
• Font Awesome - Internet's icon library and toolkit
• GitHub - A code hosting platform for version control and collaboration
• City of Montpellier Open Data Portal

Author

Arthur BLANC - GitHub