https://github.com/thecodeholic/vue.js-yii2-notes
Notes application using VueJs on frontend side and Yii2 Rest API on backend
https://github.com/thecodeholic/vue.js-yii2-notes
Last synced: 3 months ago
JSON representation
Notes application using VueJs on frontend side and Yii2 Rest API on backend
- Host: GitHub
- URL: https://github.com/thecodeholic/vue.js-yii2-notes
- Owner: thecodeholic
- License: bsd-3-clause
- Created: 2020-03-11T04:57:28.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T09:42:40.000Z (almost 3 years ago)
- Last Synced: 2025-03-21T22:41:25.731Z (8 months ago)
- Language: PHP
- Size: 540 KB
- Stars: 42
- Watchers: 5
- Forks: 15
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Vue.js & Yii 2 REST API notes application
_________________________________
FEATURES
-------------------
- Login
- Registration
- Create/Update/Delete personal notes
- SCSS
- Several Vue.js layouts
- Redirect to login page when accessing notes with invalid API access token
- Redirect to home page when accessing login or registration page with valid API access token
DEMO
-------------------
Vue.js notes demo - https://notes.thecodeholic.com
Yii2 REST API - https://api.notes.thecodeholic.com
REQUIREMENTS
------------
- PHP >=5.6.0
#### For development you need the following tools
- [Node.js](https://nodejs.org/en/download/) and npm (For vue.js application you need to have node.js installed)
- [Composer](https://getcomposer.org/download/)
- [Postman](https://www.postman.com/downloads/) is optional but helpful tool to test your REST API
INSTALLATION
------------
1. Clone the project
1. Go to the project root folder
1. And run `composer install`
1. If you want customize vue.js side, go to the `vuejs` folder
1. And run `npm install`
CONFIGURATION
-------------
### Database
1. Create database
2. Create `config/db.local.php` and return the following configuration array.
```php
return [
'class' => 'yii\db\Connection',
'dsn' => 'mysql:host=localhost;dbname=vuejsyii2notes',
'username' => 'root',
'password' => '1234',
'charset' => 'utf8',
];
```
**NOTES:**
- This application was created while recording [the following Youtube tutorial](https://youtu.be/7vrctmDQYW4)
- If you find it helpful, Give it a star and leave a thumbs up on Youtube Video
- If you loved it, support me by subscribing on my [Youtube channel](http://youtube.com/TheCodeholic).