This application will help you find some relevant information about place, where you want to go. It will provide you with information of weather and show you picture of this place.
Have a look at the example website.
The goal of this project was to have practice with:
- Set up Webpack
- Use Webpack Loaders and Plugins
- Sass styles
- Create layouts and page design
- Set up service workers
- Use APIs and create requests to external APIs
The motivation for doing this project was the opportunity to consolidate what I have learned through practice.
Click here. You will need to enter the name of the city where you are planning to go and the date of when you will arrive at the destination. By the time you have entered the information and clicked search, the window with information about your trip will show up. You can save it and it will added onto the website. You can remove the entry if you wish to do so.
You can remove the entry if you wish to do so.
This project depends on Nodejs and Node Package Manager (NPM). Before continuing, you must download and install Node (the download includes NPM) from https://nodejs.com/en/download.
After cloning, open your terminal and run:
npm installtip: npm i is shorthand for npm install
In order to run this application properly locally you need to signup for a several APIs:
Create a new .env file in the root of your project. Fill the .env file with your keys like this:
WEATHER_KEY=********************
GEONAME_USER=***************
PIXABAY_KEY=************************
Start the webpack dev server
npm build-devStart the server
npm startGenerate the dist files
npm buildstart the server
npm startThis will assemble the templates, static assets, Sass, and JavaScript. You can view the test server at this URL:
http://localhost:5000
To run the tests, run
npm test