JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bin
controllers
models
public
routes
src
views
.DS_Store
.gitignore
README.md
app.js
gulpfile.js
package.json
webpack.config.js

README.md

Description

A user drags a Google Map view around until they find a spot where they'd like to post an image. The user then adds a caption and clicks the Add Image button. A dialog window appears and allows the user to navigate to an image on their computer and upload it to the app. After clicking Submit, the image, caption, and user's name is added to a list and displayed on the app. As the user drags and moves the map around, the app updates to show images that were taken nearby, based on a predetermined range.

Steps to Run

  1. If you do not have NPM installed on your machine, you must install it first

  2. Download the repository and change into it.

  3. Run npm install in your terminal to download the Node modules.

  4. Drag the map to select a region to add a post. You can double click to zoom in on the map. Type in a caption, click Add Image to select an image from your computer, and then click Submit to add your post. You can then drage the map around and see other posts that were made in a given area.

Technologies Used

Node.js, Express, Mongo, Mongoose, React, React Router, Redux, Superagent, Dropzone, Babel, Bluebird, Bcrypt, Gulp, Webpack

Services Used

Google Maps, Cloudinary, Heroku, Github