Skip to content

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.

Notifications You must be signed in to change notification settings

mansoorkhan96/weatherapp

Repository files navigation

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

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published