To get the project up and running follow the steps below:
To start the webpack dev server at port 8080
$ npm run build-dev
$ npm run build-prod
The above step will generate a dist folder with all the files required to run the client side and then start server at port 8081 using the command given below.
$ npm run start
Here, we have two separate webpack config files for both development mode(webpack.config.dev.js) and production mode(webpack.config.prod.js )
All the scripts and dependencies are listed in the package.json file.
Note: to get the data from the API, you will need to create a .env file which will store all the URLs and API keys of the used APIs.
We have used folllowing APIs:
- Dark Sky for getting the weather information
- OpenCage for getting the latitude and longitude information
- Pixabay for getting the images of the place
The project has service workers set up in webpack to provide the offline functionality. When the service worker is functioning correctly, you will see the below message when you inspect the browser.
The testing is done using Jest. To run test, enter the command
npm run test.
On the homepage user can enter their trip details.
On clicking the search button, a modal will pop up containing the details of the trip.
If the user decides to save the trip, then the trip will be stored in browser's local storage and the user will be directed to saved trips page.
On this page, the user can add the new trip or delete all the saved trips. If he choose to add new trip then he will be redirected back to homepage.