This porject is no longer active, and the the Google Maps JS API key found in the code as well as in the demo site will no longer work. You will need to have your own API key and use that in the code
Insert your API key to line 105 in index.html (and possibly in other places, I cannot remember right now)
<script src="https://maps.googleapis.com/maps/api/js?key=[key-here]"></script>
This application was created as a demo for a job position.
At first I was going to make this using Angular 5, but when I began working on this I though that a basic jQuery / Bootstrap 4 / PHP application would be enough.
It would also work better with the Google API.
In hindsight I could / should have used Angular, but this is the road I took so I went with it.
Overall I'm fairly satisfied with my end result, allthough I could improve this more hours and hours.
I did not complete all the given tasks, but the basic crud capabilities are there and it looks nice so I'm happy.
If you want to run this app in your own evinronment, localhost, test server etc. you'll need to create your own database with fields:
id, title, description, address, lat, lng, openinghour, closinghour
You'll also need to change the parameters in config.php to match your own environment.
Make sure you are using PHP 5.5 or later, this project was made on 7.1
Used technologies:
- jQuery 3.3.1
- Bootstrap 4.0.0
- Font-awesome 5.0.6
- Toastr 2.1.4
- popper.js 1.12.9
- Google Maps Javascript API
- PHP 7.1
The application can also be tested at http://mikaeljm.com/places/. Please limit the amount of test places to 2, thank you. You can delete old places you no longer need.
- Mikael