This project emerged in September 2018 from a Tania Rascia article. I created my own version of Tania's Cafétography, a JavaScript ES6 coffee map, powered by Leaflet.
But every time I wanted to add a new coffee shop to my map, I had to manually edit a json file.
Not very user-friendly.
Therefore in January 2019, I decided to transform the project into a React app.
This project is powered by:
React
🌍 Leaflet via react-leaflet for the map
📍 OpenStreetMap map data queried through the Overpass API
🔥 Firebase via re-base for persisting state
💅 styled-components CSS-in-JS
📝 Formik for forms and Yup for validation
But also...
Mapbox map tiles, coffee bean icon by Gyeong Seon Hong of The Noun Project, Twemoji emojis, react-helmet, GitHub for hosting, versioning and authentication, and Netlify for CI.
Ce projet a commencé en septembre 2018 avec ce tutoriel de Tania Rascia. J'ai créé ma propre version de Cafétography, une carte en JavaScript ES6 avec Leaflet où j'affichais mes cafés préférés.
Mais à chaque fois que je voulais ajouter un café je devais modifier manuellement un fichier json.
Pas très pratique.
En janvier 2019, j'ai donc transformé le projet en appli React.
Ce projet est propulsé par :
React
🌍 Carte Leaflet via react-leaflet
📍 Données OpenStreetMap via la Overpass API
🔥 Firebase via re-base pour conserver l'état global
💅 Styles CSS-in-JS avec styled-components
📝 Formulaires Formik et validation avec Yup
Mais aussi...
Fonds de carte Mapbox, icône grain de café par Gyeong Seon Hong du Noun Project, emojis Twemoji, react-helmet, GitHub pour l'hébergement, le contrôle de versions et l'authentification, et Netlify pour la CI.