Creating markers on a Google Maps map using jQuery / Ajax

I need to build a simple website with the following features : - A Google Maps in the center of the screen - A search bar on the Google Maps with autocomplete feature - Once the user enters an address, it zooms on this location on the map and the user can add a marker on the map in this location by a click, this marker will be saved to the database and will appear on the map with a custom icon (on page refresh, the existing markers should appear from the database). In the database, we need to save the latitude, longitude, address name and date of creation. - We need to use Marker Clustering feature from Google Maps API to group markers when there are a few on the same location - Below the map, we need to add a timeline like in the attachement (the attachement is based on an existing jQuery script so you don't have to actually design the timeline) which will, for each year and below each year list the different markers added per year (with their date of creation and address) - When clicking on an item in a year of the timeline, it will zoom on the location of this marker on the map Please bid only if you have a strong experience using these technologies / APIs : - Google Maps JS API - jQuery / Ajax - PHP / MySQL - HTML / CSS and ideally Bootstrap 4 PLEASE NOTE : I'm myself a professional developer who needs to outsource a few tasks because I lack some time - so I will be able to review the work in details. But if this project is made successfully, it will definitely lead to more work in the future if successfully finished.