Skip to content

A web app for creating and sharing custom google maps

Notifications You must be signed in to change notification settings

RichardsonColin/LHL-smappy

Repository files navigation

Smappy - Lighthouse Labs Midterm Project 2017/11/27

This map app allows users to collaboratively create maps which list multiple "points", for example: "Best Sunset Spots" or "Locations of Movie Scenes". It was built over five days during week four of the Lighthouse Labs Web Development Bootcamp. The requirements were:

  • Users can see a list of the available maps
  • Users can view a map
  • A map can contain many points
  • Each point can have: a title, description, and image
  • Authenticated users can create maps
  • Authenticated users can modify maps (add, edit, remove points)
  • Users can favourite a map
  • Users have profiles, indicating their favourite maps and maps they've contributed to

Creators

  • Colin Richardson
  • Mark Zsombor
  • Kelsey Cooper
  • Reid Naaykens

To Run Smappy

  1. Fork and clone this repository to your local machine.
  2. Cd from your terminal into that new repsoitory.
  3. Create a .env file by using .env.example as a reference: cp .env.example .env.
  4. Create a Postgres database createdb <db_name>
  5. Update the .env file with database name.
  6. Install dependencies using the npm install command.
  7. Run migrations: knex migrate:latest.
  8. If you wish to view sample maps run: knex seed:run
  9. Run npm run local - wait for Smappy app listening on port 8080.
  10. In your browser go to http://localhost:8080/.

App Screenshots

Create map dropdown "Screenshot Create Map dropdown"

Profile page "Screenshot Profile page"

Smappy index page "Screenshot Index page"

Create map page "Screenshot Create map page"

Left navigation slideout "Screenshot Index page left navigation slideout"

Logged in dropdown "Screenshot Logged in dropdown"

Login/register dropdown "Screenshot register/login dropdown"

Individual map page "Screenshot Individual map page"

Map page marker info box "Screenshot Map page marker info box"

Dependencies

  • Node 5.10.x or above
  • NPM 3.8.x or above
  • Bcrypt 1.0.3 npm install bcrypt
  • Body Parser 1.15.2 npm install body-parser
  • Connect Flash 0.1.1 npm install connect-flash
  • Cookie Session 2.0.0-beta.3 npm install cookie-session
  • Dotenv 4.0.0 install dotenv --save
  • Ejs 2.4.1 npm install ejs
  • Express 4.13.4 npm install express --save
  • Express-flash npm install git://github.com/RGBboy/express-flash.git
  • Knex 0.14.1 npm install knex --save
  • Knex-logger 0.1.0 npm install knex-logger
  • Morgan 1.7.0 npm install morgan
  • Node Sass Middleware 0.11.0 npm install node-sass-middleware
  • Pg 7.4.0 npm install pg

About

A web app for creating and sharing custom google maps

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •