{"id":27398124,"url":"https://github.com/bernardodiasc/awesomap-old","last_synced_at":"2026-07-03T01:01:51.972Z","repository":{"id":153559925,"uuid":"42726953","full_name":"bernardodiasc/awesomap-old","owner":"bernardodiasc","description":null,"archived":false,"fork":false,"pushed_at":"2015-09-22T05:12:26.000Z","size":4992,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"gh-pages","last_synced_at":"2025-10-28T02:41:44.307Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bernardodiasc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-18T14:24:30.000Z","updated_at":"2023-02-13T20:13:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"f135af46-c7cf-445c-812d-d50a34df3e43","html_url":"https://github.com/bernardodiasc/awesomap-old","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bernardodiasc/awesomap-old","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bernardodiasc%2Fawesomap-old","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bernardodiasc%2Fawesomap-old/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bernardodiasc%2Fawesomap-old/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bernardodiasc%2Fawesomap-old/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bernardodiasc","download_url":"https://codeload.github.com/bernardodiasc/awesomap-old/tar.gz/refs/heads/gh-pages","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bernardodiasc%2Fawesomap-old/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35068135,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-02T02:00:06.368Z","response_time":173,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-04-14T01:29:23.514Z","updated_at":"2026-07-03T01:01:51.938Z","avatar_url":"https://github.com/bernardodiasc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Awesome Map\n\nThis is a project for study purpose. And javascript code playground, experimentations are being doing in this repo, do not use for production before review the code.\n\n## App Features (so far)\n\n- Extract Exif Geolocation from image file, create a marker in that location and display the image in the popup\n  - If you don't have any device with GPS, use the images in `sample-images` folder for testing\n- Select multiple files at once\n\n## Instructions\n\nTo build the bundle, run `npm run build`\n\n## Informations\n\nMap built with [MapBox](https://www.mapbox.com/).\n\n[ES6 features](http://es6-features.org/) used:\n\n- Block-Scoped Variables\n- Arrow Functions\n- Template Strings\n- Destructuring Assignment\n- Modules\n- Classes\n- Promises\n- Iterators\n\n## To Do\n\n### Code\n\n- [Replace callbacks with ES6 Generators](http://modernweb.com/2014/02/10/replacing-callbacks-with-es6-generators/)\n- React.js components\n- CSS Modules\n- Unit Tests\n- BDD Tests\n- [Tumblr API Docs](https://www.tumblr.com/docs/en/api/v2)\n  - [Tumblr Api on NPM](https://www.npmjs.com/package/tumblr)\n- [Hyperscript](https://www.npmjs.com/package/hyperscript)\n\n### Interface\n\n- Create better interface with panels - **OK**\n  - Top header panel for navigation - **OK**\n  - Right side panel for control - **OK**\n    - Upload button should be in this panel - **OK**\n    - List os inputed images\n    - Each image have:\n      - Checkbox\n      - Thumbnail\n      - Input fields for title, description\n      - Date information extrated from EXIF tag is have, if not a date input field\n      - List of tags\n      - List of persons\n      - String address grabbed from MapBox API that matches the EXIF geo tag\n      - Marker button that watches next click in the map and grab geo location values\n    - Checked images are be highlighted\n  - Left side panel for the map - **OK**\n- Rotate image in css based on EXIF orientation tag\n\n### Experience\n\n- When input an image:\n  - In the map panel:\n    - Create marker in the geolocation tagged - **OK**\n    - Focus on the marker with high zoom - **OK**\n    - Open the popup of the new marker with the image\n  - In the control panel:\n    - Create a list of images\n    - Include the current image in the list as selected\n- When input other images:\n  - In the map panel:\n    - Create marker in the geolocation tagged - **OK**\n    - Focus on boundary with all markers related to selected images in the control list with needed zoom\n    - Close all popups (?)\n    - Open the popup new marker with the image\n  - In the control panel:\n    - Same as the first\n    - Include the current image in the list as selected\n- When changing selected images in the control list\n  - Close all popups (?)\n  - Change boundary and zoom to fit all markers related to selected images\n- If the image have none EXIF tags:\n  - The image will show in the list, to place in the map the marker button should be used\n- Allow multiple files to be inputed once - **OK**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbernardodiasc%2Fawesomap-old","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbernardodiasc%2Fawesomap-old","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbernardodiasc%2Fawesomap-old/lists"}