/Astrolab-Web

Primary LanguageJavaScript

Astrolab (Web)

Introduction

Astrolab is an interactive web app built with React.js, Node.js, Express.js, MongoDB & Mongoose. Astrolab empowers users to interactively explore their environment by surfacing relevant, real-time information about what’s around them. By leveraging existing technologies, Astrolab looks to provide interactive displays for surrounding businesses.

Setup

Install dependencies

  • In your root directory, run yarn install to install axios, bcrypt-nodejs, body-parser, express, google-maps-react, if-env, mongoose, react-google-maps, react-router-dom, recompose, yelp-fusion and reactstrap.
  • In your client directory, run yarn install to install axios, bootstrap, morgan, radium, react-animations, react-redux, react-router-dom, redux, and redux-thunk.

Getting Started

  1. Sign Up or Log In
  2. Navigate to Layers to filter your search.
  3. Navigate to Search to and enter a category and location.
  • Results will show as a list
  1. Navigate to Home to see results as markers on Google Maps
  2. Click on a marker to view details about that your search result(s)
  3. Navigate to Bookmarks to save your search result(s)
  4. Navigate to Profile > Log Out to log out of your session

Demos

Sign Up

Log In

Add your Layers

Search

View Results

Bookmark

Log Out

Live Demo