To view this app live, click here
A static webpage is converted to a mobile-ready web application. The static design lacked accessibility and was converted to a webpage that is responsive on different sized displays and accessible for screen reader use. I also added a service worker to begin the process of creating a seamless offline experience for your users.
Usable and responsive on desktop and mobile, standard Accessibility features are included and works offline (caches pages visited once).
To run the application:
Download the zip file or git clone the repository to your computer.
- Your computer should have python installed. To check, run python -V on your terminal. Visit Python's website to download python if you don't have it installed already.
- It your python version is 2.X, run the following on a terminal to start the server
python -m SimpleHTTPServer 8000 - If your python version is 3.X, run the folliwng on a terminal to start the server
python3 -m http.server 8000 - Open a new browser window and launch the application from
http://localhost:8000
This application uses leafletjs with Mapbox. Most of the code in this project has been written to the ES6 JavaScript specification for compatibility with modern web browsers and future proofing JavaScript code.
The starter code for this project can be found here