Code Monkey home page Code Monkey logo

flight-finder-asap's Introduction

//----Susana Isaza, 10.31.2016----// //----Flight-Finder-ASAP----//

Links:

Heroku: https://find-flights-asap.herokuapp.com/ GitHub: https://github.com/svall/Flight-Mood

Summary:

The app allows users to search for flights based on an origin city (entered in IATA code), departure date, nuber of days to leave, and budget.

App process:

Before using the app, a user must create an account to access. Once a user has signed up creating a username and passowrd, they can proceed to log in.

The user starts in the home page, where they can enter specific search parameters based on their preferences. If they are a returning user, they can access their previous saved flights clicking on the history button.

When performing a search, five resuls will be provided in the search page displaying the destination for each. Clicking on "See Details" will display more info on each search (travel dates, price...). The user has the option to add comments or reminders to a flight before saving it. To save a flight, click on "Save". That saved flight will be accessible in the history page for that user.

In the history page, the user can look through any previous flights saved, as well as delete the trip, and edit the comment/reminder that was added when it was saved.

Wireframes:

Index page: alt tag

Log-in / sign-up: alt tag

Home page - enter search preferences: alt tag

Search results: alt tag

User history - saved selected trips: alt tag

Approach:

  1. Select API and tested get requests.
  2. Set up MVC structure, created package.json with necessary dependencies.
  3. Connected server.js - routes - views.
  4. Created Services, connected to routes.
  5. Set up API key, rendered responses on views.
  6. Set up models and connected to Mongodb.
  7. Saved to Mongodb data from the API response.
  8. Displayed saved search to history ejs.
  9. Added user sessions.
  10. Rerouted connections to Mongodb.
  11. Styled with CSS.

Technologies Used:

Attributions & Sources:

  1. Users and session structure provided by General Assembly instructors: https://git.generalassemb.ly/wdi-nyc-60/user_auth_itunes
  2. Edit & Delete documents in Mongo: https://git.generalassemb.ly/wdi-nyc-60/tom-cruise-movie-db/tree/rafa-solution
  3. Add span to html for font-weight and color: http://stackoverflow.com/questions/2728789/how-to-replace-span-style-font-weight-boldfoo-span-by-strongfoo-stron
  4. Image background setup: https://css-tricks.com/perfect-full-page-background-image/
  5. MVC structure, models and services: https://git.generalassemb.ly/wdi-nyc-60/momentum_clone_lab_solution
  6. Adding images to readme.md: http://stackoverflow.com/questions/10189356/how-to-add-screenshot-to-readmes-in-github-repository

Constraints:

  • API with the information needed (especially flight prices).
  • Limiting the city searches to the IATA City Codes.
  • Adding user sessions (structuring it according to my initial setup, landing in the search page instead ot the user history page).

flight-finder-asap's People

Contributors

svall avatar

Watchers

James Cloos avatar

flight-finder-asap's Issues

Adding users

Issue setting up my users model with my current model for saved data. My current app flow is the following:
img_6738
In the image, my equivalent to "Profile" would be "history".
Before trying to set up the user sessions, I had the app pulling info from an API, adding it to mongo, getting info from mongo that could be updated and deleted.
When adding the users, I have tried matching the routes from the itunes model to the ones I have, but the error I keep getting is that it can't POST. I think my issue is with the overall information flow between my files and the example we have for user setup.

Users- UnhandledPromiseRejectionWarning

I was able to set up the users, I can log in and register new ones. When I want to save a flight to mongo unde the user session, it gives me this error:
(node:18290) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): ReferenceError: err is not defined

I have checked for any references missing in the routes but haven't been able to find where the error is. I have been reading on the user promises as well but don't have a clear idea about how it works.

Price less than 100

API responds with searches with less than $100, Service is not picking up queries for less than $100.

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.