Git Product home page Git Product logo

roadtrip_app_frontend's Introduction

Open Highway

Design

The interface design was created initially in mobile view. A hamburger dropdown menu provides the user with the options for a few of the main page views, such as a user dashboard and a logout that redirects to the main page landing.

Technologies Used

The Open Highway API is a RESTful API built in Rails with a PostgreSQL database. The front end app is created with AngularJS and an ExpressJS Server that serves static files. Map functionality is provided by Google Maps API, and user authentication is accomplished using bcrypt. All CSS formatting was created from scratching using SCSS pre-processing. High fidelity wireframes were created using Sketch, and scrum workflow was managed through Git branching, GitHub, and Trello. Both servers are hosted on Heroku.

Approach Taken

Our group took an ambitious approach to this project. We set out to create an API that serves four related data models, and a frontend app that would interact with two additional third-party API's. The most valuable takeaway from this ambitious approach has been the steep and fast learning curve we've inevitably tumbled over. Each group member took on a research project to learn something totally brand new (Ellen explored SCSS, Mark researched authentication, and Dylan integrated the Google Maps API). We each learned a lot of new technologies from biting off more than we could chew.

Future Optimizations

  • We set out with the intention of building an "attractions" list that belongs to each city within a roadtrip - a list of spots to visit within the vicinity. This is built into the database architecture, but it is not implemented on the frontend.
  • Build a column within the user's model to keep track of a user's roadtrip games. Ideas include roadtrip bingo, slugabug counter, counter leaderboards for global scorekeeping, or other variations of common roadtrip games.
  • Find a way to display the total miles of all routes within a roadtrip, from origin to final destination, or a trip odometer

Unsolved Issues

  • If you try to add an invalid city to a roadtrip, and there is already just one city in the queue before it, the marker for that first valid city will disappear.
  • If you delete a roadtrip, the cities persist in the database. You can't access them unless by city ID.
  • A user may only edit his/her own profile, but any user can edit any other user's roadtrips.

roadtrip_app_frontend's People

Contributors

dnialwill avatar edoorn avatar mark1ad avatar

Watchers

 avatar  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.