Skip to content

Amnahalkhalil/FEND-Capstone-Project-Travel-Planner-App

Repository files navigation

FEND Capstone Project: Travel Planner App

This project requires you to build out a travel app that, at a minimum, obtains a desired trip location & date from the user, and displays weather and an image of the location using information obtained from external APIs. Given that this is the Capstone project, it's highly encouraged for you to go above and beyond, adding additional functionality and customization to truly stand out with a project you are proud to have at the top of your portfolio!

Extra functionality

  • Add end date and display the length of trip.
  • Allow the user to remove the trip.
  • Incorporate icons into forecast.

Main files of the project

  • Server side:
    • server.js
  • Client side:
    • app.js
    • appApi.js
    • handleSubmit.js
    • handleReset.js

Testing

For testing you need to run the express server by run , npm run start, and then run npm run test Tests fail otherwise. Test screenshoot

Development environment

For dev env run npm run build-dev

How to run the project

  1. Run npm install to install dependencies.
  2. Run npm run build-prod to create dist folder.
  3. Start the server with npm run start.
  4. Go to http://localhost:8081.

How it works

how to use the website

Online demo hosted on Heroku

Check the online demo here

About

Build a travel app, combining all of your Front End skills into an amazing capstone project for your portfolio. Utilize multiple APIs to present a user with all they need to know about their trip.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors