Map Diary

Overview

Diaries are old school. Pencil and paper with chronologically sorted events have little interest to our over stimulated 21st century brains. And what if you want to jump to a specific memory? I'm not sure about you but my diary doesn't have a table of contents...

A solution to our problem lies in reinventing the diary from the ground up with: Map Diary. The map diary provides an easy way for users to organize their wonderful diary exerpts by locations on a map. When wanting to look back at a single moment all one has to do is remember where it took place and sort through the memories they have recorded at those coordinates.

Data Model

We will be keeping track of users, coordinates, and memories.

Users will be refrenced by cookie. Coordinates will have a list (by refercence) of memories recoreded there. Because multiple users can record memories at the same location, the memory objects will need to include the unique identifier attributed to the user that created the memory.

An Example Coordinate:

{
  cookie: 12IUW10920NNU,
  latlng: [-10.04,43.13],
  memories: // an array of references to Memory documents,
  address: '132 Thompson Street'
}

An Example Memory:

{
  title: "rainy shrine"
  text: "i love this place",
  date: //time memory is created,
}

db.js

Wireframes

/ - page for viewing the map and coordinates with diary entries.

/add-memory/:latlng & /edit-memory/:latlng - page for adding new memory. User is only directed here after placing a new pin on the map and therefore don't need to specify the location on this form. The latitude and longitude are present in the url.

Site map

User Stories or Use Cases

1. as non-registered user, I can register a new account with the site
2. as a user, I can log in to the site
3. as a user, I can view the locations I've recorded memories at
4. as a user, I can view and edit the memories at these locations
5. as a user, I can add new locations to the map

Research Topics

• (4 points) Map API - Client Side

  • I'll be using leaflet to incorporate map functionality
  • https://leafletjs.com/
  • Will incorporate different plugins
  • Allow drag and drop

• (2 points) Reverse Geocoding

  • Get closest street address for Lat and Long
  • https://developer.here.com/

• (2 points) Https Api - Server Side

  • Allows us to make https requests and observe the response
  • Using this for the Reverse Geocoding api call
  • https://nodejs.org/api/https.html

8 points total out of 8 required points

Main Project File