Map App for NPO

April 2018
React
Firebase
NPO

This was a fun project to work on and my first ReactJS based web application. Built for a Dunedin based Not for Profit Organisation (NPO), called Lilliput Libraries. This NPO coordinates and supports the placing of free little libraries on peoples fencelines. Starting with a handful of libraries in Dunedin there are now libraries all over Otago.

The site uses Google Maps API V3 to display the map and markers for each library. Ge-location is available when used on mobile devices to show the user the libraries closest to their location

Firebase is used both to store information on the libraries, but also to provide authentication. This is used to authenticate access to an admin portal, which the founder can use to add and edit libraries.

Click images to open
Screenshot of Lilliput Libraries Site
Click to open

Homepage

Screenshot of Lilliput Libraries Site
Click to open

Login

Screenshot of Lilliput Libraries Site
Click to open

Admin Area

Screenshot of Lilliput Libraries Site
Click to open

Admin Modal