Git Product home page Git Product logo

bregmanh / mappy_trails Goto Github PK

View Code? Open in Web Editor NEW

This project forked from senhorgomes/mappy_trails

1.0 0.0 0.0 28.83 MB

Full stack website that allows user to build personalized maps, favourite maps and browse maps created by other users. Built with Node.js, Express, PostgreSQL in the back-end, and HTML, CSS, JavaScript, JQuery for the front-end.

JavaScript 41.72% TSQL 17.69% CSS 10.51% HTML 30.08%

mappy_trails's Introduction

Mappy Trails (Full Stack Web App)

--from the brains of Hannah Bregman, Bryan Gomes, and Charlie Hayes, in conjunction with Lighthouse Labs--

Full stack website built with Node.js, Express, PostgreSQL in the back-end, and HTML, CSS, JavaScript, JQuery for the front-end.

User Stories and Theme

Mappy Trails. Modeled after the treasure maps of old and leveraging the full power of Google Maps' API, our full-featured, multi-page app allows users to create personalized maps with personalized points in four categories: drinks, foods, cafes, and arts. Not feeling too creative today? You can still favorite maps from other users to save them for later, or use them to inspire your own new trail through your hometown or current haunt.

Functionality

  • 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

Dependencies

  • Body-Parser: 1.19.0,
  • Cookie-Session: 1.4.0,
  • Ejs: 2.6.2,
  • Express: 4.17.1,
  • PG: 6.4.2,
  • PG-Native: 3.0.0

APIs

  • Google Maps JavaScript API
  • Google Maps Geocoding API

Final Product

A quick overview of some of the functionality of the website is illustrated in the following animation. "Overview"

Getting Started

  • Install all dependencies (using the npm install command).
  • Run the local server using the npm run local command in your terminal of choice.
  • Direct your browser to http://localhost/8080
  • Use PSQL to initialize schema for the databases, and, optionally, the seed files for some starter maps, users, and points, in the Greater Toronto Area.
  • Enjoy the site.

mappy_trails's People

Contributors

senhorgomes avatar bregmanh avatar

Stargazers

Sophie Dubois avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.