https://github.com/mansoorkhan96/weatherapp
A simple Laravel-Vue App (Laravel does nothing here except making the API call within it to hide API Keys, it's just to test Laravel with Vue, Vue comes as a default with Laravel). This App shows current weather and future weather for 7-days and it allows you to search weather by city names.
https://github.com/mansoorkhan96/weatherapp
laravel openweatherapi vuejs
Last synced: about 1 month ago
JSON representation
A simple Laravel-Vue App (Laravel does nothing here except making the API call within it to hide API Keys, it's just to test Laravel with Vue, Vue comes as a default with Laravel). This App shows current weather and future weather for 7-days and it allows you to search weather by city names.
- Host: GitHub
- URL: https://github.com/mansoorkhan96/weatherapp
- Owner: mansoorkhan96
- Created: 2020-08-12T05:03:30.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-12T05:44:59.000Z (almost 6 years ago)
- Last Synced: 2025-02-27T19:52:13.134Z (over 1 year ago)
- Topics: laravel, openweatherapi, vuejs
- Language: PHP
- Homepage:
- Size: 660 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel-Vue Weather App
> ### Example Laravel-Vue codebase containing simple weather-app example (uses openweather-api and algolia places for search).
----------
# Getting started
## Installation
Please check the official laravel installation guide for server requirements before you start. [Official Documentation](https://laravel.com/docs/5.4/installation#installation)
Clone the repository
git clone https://github.com/mansoorkhan96/weatherapp.git
Switch to the repo folder
cd weatherapp
Install all the dependencies using composer
composer install
Install all the Vue dependencies using npm
nmp install
Compile all the Vue dependencies using npm
nmp run dev
Copy the example env file and make the required configuration changes in the .env file
cp .env.example .env
Change API keys
Algolia APP_ID (path: '/resources/js/components/WeatherApp.vue')
Algolia API_KEY (path: '/resources/js/components/WeatherApp.vue')
OpenWeather API_KEY (path: '.env', key: OPEN_WEATHER)
Compile all the new code changes
nmp run watch
or
nmp run dev
Generate a new application key
php artisan key:generate
Start the local development server
php artisan serve
You can now access the server at http://localhost:8000