Skip to content

Instantly share code, notes, and snippets.

Avatar
🇳🇬
I am that software developer that you cannot sideline. I am <harrywonder/>

stephen harryWonder

🇳🇬
I am that software developer that you cannot sideline. I am <harrywonder/>
View GitHub Profile
@harryWonder
harryWonder / composer.json
Created Oct 26, 2020
Production composer.json
View composer.json
{
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": [
"framework",
"laravel"
],
"license": "MIT",
"require": {
@harryWonder
harryWonder / Package.json
Created Oct 26, 2020
Production Package.json
View Package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
@harryWonder
harryWonder / welcome.blade.php
Created Oct 26, 2020
This is where our Vuejs code gets hooked into the DOM because by default, this file is rendered.
View welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'Ld-Talk') }}</title>
<meta name="application-name" content="{{ config('app.name', 'Ld-Talk') }}">
<!-- Fonts -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- Icons -->
@harryWonder
harryWonder / app.js
Created Oct 26, 2020
The Base Engine for our ld-fullstack application.
View app.js
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
window.Vue = require('vue');
// Imports....
import VueRouter from 'vue-router';
@harryWonder
harryWonder / index.js
Created Oct 26, 2020
The router file for the ld-fullstack blog
View index.js
import Welcome from '../views/Welcome';
import Dashboard from '../views/Dashboard';
export default [
{ path: '/', alias: '', name: 'Welcome', component: Welcome },
{ path: '/home', alias: '/dashboard', name: 'Dashboard', component: Dashboard },
];
@harryWonder
harryWonder / Dashboard.vue
Created Oct 26, 2020
This file is responsible for loading our Dashboard Component before it is rendered into the DOM.
View Dashboard.vue
<template>
<main>
<DashboardComponent></DashboardComponent>
</main>
</template>
<script type="text/javascript">
import DashboardComponent from '../components/DashboardComponent';
export default {
components: {
@harryWonder
harryWonder / Welcome.vue
Created Oct 26, 2020
This file is responsible for creating our Homepage view file.
View Welcome.vue
<template>
<main>
<WelcomeComponent></WelcomeComponent>
</main>
</template>
<script type="text/javascript">
import WelcomeComponent from '../components/WelcomeComponent';
export default {
components: {
@harryWonder
harryWonder / DashboardComponent.vue
Created Oct 26, 2020
This file is where an authenticated user goes in the ld-fullstack lesson. It contains basic crud features for the forums.
View DashboardComponent.vue
<template id="">
<div>
<header>
<Nav></Nav>
</header>
<section class="app_description">
<div class="container">
<div class="row">
<div class="six columns forums-column">
<template v-if="type !== 'comments'">
@harryWonder
harryWonder / WelcomeComponent.vue
Created Oct 26, 2020
This file is going to create a new Component which is going to contain our Login View and our Signup View.
View WelcomeComponent.vue
<template>
<div>
<header>
<Nav></Nav>
</header>
<section class="app_description">
<div class="container">
<div class="row">
<div class="six columns login-column">
<h5>Login to your <b>ld-talk</b> account.</h5>
@harryWonder
harryWonder / Nav.vue
Created Oct 26, 2020
This is the base nav file for all Vue files or components we will be creating.
View Nav.vue
<template>
<nav>
<div class="container">
<div class="row">
<div class="six columns">
<a href="/" class="application-title"><i class="material-icons">sms</i> Ld-Talk</a>
</div>
<div class="six columns">
<ul v-if="!isLoggedIn">
<li><router-link :to="{ name: 'Welcome' }"><i class="material-icons">lock_open</i> Login</router-link></li>
You can’t perform that action at this time.