mohamed-hafez24 / travel_planner

Travel Planner, Plan for your coming trips. It will help you make a trip list and Get the weather, the remaining days, and a beautiful image for each destination.

Project 5: FEND Capstone Project: Travel App

Project Overview

This is the Capstone Project in Udacity's Front End Development Nanodegree. This project is a web tool that aims to help users plan for their trips and get the required information about the destination like weather and an image of the location using information obtained from external APIs.

---

Tech stack

The practical knowledge that you will gain through this project:

• Java Script Coding and DOM.
• Sass styles
• Creating layouts and page design
• Setting up Webpack
• Webpack Loaders and Plugins
• Dev and Prod modes
• Service workers
• Express
• Using APIs and creating requests to external urls
• Basic Jest testing

---

Hosting

Live Demo : https://travel-planner-0.herokuapp.com/

---

Setting up the Project

1. Fork the project Github repository.
2. Clone it into your local machine OR download the zip file locally.
3. Get inside the project directory using cd command.
4. install all dependencies using npm install command.

---

APIs

In this project I am using three APIs :

• Geonames API
• DarkSky API
• Pixabay API
  To make sure that the project will work with you correctly. You need to register to these APIs and get your credential Keys.

---

Run the project

There is two environments (Mode) setup for this project:

Development environment(Mode) if you are going to apply some changes to the project and want the server to automatically re-build the application and reloads the page. So you should use this command:

npm run build-dev

and it will open a new window in your browser with the app running on localhost:3300

Production environment(Mode) if you are going to run the project for production (with express server). So you should use these commands:

npm run build-prod
npm run start

and it will open a new window in your browser with the app running locally on port localhost:7000

---

Project Testing

This project uses the Jest framework that provides us the ability to create, and run tests. So you should use this command to run your tests:

npm run test

---

Project Preview

^MOHAMED_SABER_SAYED_HAFEZ^_______

travel_planner's Issues

Issues with npm install

Thank you very much for this app. I tried to run it in my environment MAC OS.
I am installing the node. I am facing an issue with the npm install
Also to bring to your notice. The API https://darksky.net/dev Dark Sky is no longer accepting new signups they are moving to weather kit.
Here are the log trace:

npm ERR! ../src/libsass/src/ast.hpp:1616:14: note: use reference type 'const std::string &' to prevent copying
npm ERR! for (const auto denominator : denominators)
npm ERR! ^~~~~~~~~~~~~~~~~~~~~~~~
npm ERR! &
npm ERR! 2 warnings generated.
npm ERR! In file included from ../src/libsass/src/values.cpp:3:
npm ERR! In file included from ../src/libsass/src/values.hpp:4:
npm ERR! ../src/libsass/src/ast.hpp:1614:25: warning: loop variable 'numerator' creates a copy from type 'const std::string' [-Wrange-loop-construct]
npm ERR! for (const auto numerator : numerators)
npm ERR! ^
npm ERR! ../src/libsass/src/ast.hpp:1614:14: note: use reference type 'const std::string &' to prevent copying
npm ERR! for (const auto numerator : numerators)
npm ERR! ^~~~~~~~~~~~~~~~~~~~~~
npm ERR! &
npm ERR! ../src/libsass/src/ast.hpp:1616:25: warning: loop variable 'denominator' creates a copy from type 'const std::string' [-Wrange-loop-construct]
npm ERR! for (const auto denominator : denominators)
npm ERR! ^
npm ERR! ../src/libsass/src/ast.hpp:1616:14: note: use reference type 'const std::string &' to prevent copying
npm ERR! for (const auto denominator : denominators)
npm ERR! ^~~~~~~~~~~~~~~~~~~~~~~~
npm ERR! &
npm ERR! 2 warnings generated.
npm ERR! env: python: No such file or directory
npm ERR! make: *** [Release/sass.a] Error 127
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: make failed with exit code: 2
npm ERR! gyp ERR! stack at ChildProcess.onExit (/Users/khushbuparakh/software_project/Travel_Planner/node_modules/node-gyp/lib/build.js:194:23)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Darwin 21.4.0
npm ERR! gyp ERR! command "/usr/local/Cellar/node/18.9.0/bin/node" "/Users/khushbuparakh/software_project/Travel_Planner/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd /Users/khushbuparakh/software_project/Travel_Planner/node_modules/node-sass
npm ERR! gyp ERR! node -v v18.9.0
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/khushbuparakh/.npm/_logs/2022-09-14T14_49_26_516Z-debug-0.log

Looks like package version dependencies are old or something.