Giter Club home page Giter Club logo

jotter's Introduction

JOTTER

Task Mannagenemt SPA made with Laravel and VueJS, Materialize-css.

Features CRUD functionality,

Authentication by JWT, vue router, vuex,

https://media.giphy.com/media/H1kL4r5P2WqKbc3Gap/giphy.gif

Getting Started

Download or clone a copy of this repository on your local machine.

Prerequisites

Install the Vue CLI. https://cli.vuejs.org/guide/installation.html

Laravel Requirements. https://laravel.com/docs/5.8#installing-laravel

Installing

Create a MySQL database

mysql> CREATE DATABASE laratasks;

Go to the project directory

cd laravel-vue-todo

Run composer install

composer install

Rename .env.example to .env

mv .env.example .env

Replace these values in .env

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=laratasks
DB_USERNAME=*************
DB_PASSWORD=*************

Generate an application key

php artisan key:generate

Generate a JWT key

php artisan jwt:secret

Run migrations

php artisan migrate

Go to the Vue CLI project

cd vue-task

Run npm install

npm install

Run the server

npm run dev

Start your laravel development Server by running

 php artisan serve 

Note: Make sure your laravel server run on port 8000 as speicified in vue-task/src/common/config.js or you will get a CORS error.

That's it!

In your browser navigate to this address to start the application

http://localhost:8080/register 

Built With

  • Laravel - PHP framework
  • Vue.js - Javascript framework
  • View package.json and composer.json for a complete list of packages used.

License

This project is licensed under the MIT License

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.