Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yTakkar/Vue-Notes-App

A Notes-App created with Vue. Basically it's a MEVN app!!
https://github.com/yTakkar/Vue-Notes-App

javascript mevn mysql vue vue-router vuex

Last synced: about 2 months ago
JSON representation

A Notes-App created with Vue. Basically it's a MEVN app!!

Awesome Lists containing this project

README

        

# Vue-Notes-App

A Notes App created with Vue, Vuex, Vue-Rouer & MySQL. Basically it's a MEVN app.

# Quick Links
1. [Screenshots](#screenshots)
2. [Own the project](#own-the-project)

# Screenshots
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Notes-App/master/screenshots/Snap%202017-08-24%20at%2019.40.25.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Notes-App/master/screenshots/Snap%202017-08-24%20at%2019.40.39.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Notes-App/master/screenshots/Snap%202017-08-24%20at%2019.44.15.png)
![alt text](https://raw.githubusercontent.com/yTakkar/Vue-Notes-App/master/screenshots/Snap%202017-08-24%20at%2019.44.25.png)

# Own the project
1. First install all dependencies with npm or Yarn:
```javascript
npm install
```
or
```javascript
yarn
```

2. Open PHPMyAdmin, create a DB & import `db.sql` file.
3. Create a `.env` file and insert the following code. Replace values with yours!!

```javascript
PORT=YOUR_PORT
MYSQL_HOST="host"
MYSQL_USER="user"
MYSQL_PASSWORD="password"
MYSQL_DATABASE="db"
```

4. Start the server
```javascript
npm start
```

5. Now run the app
```javacript
localhost:[PORT] PORT = YOU DEFINED IN .ENV FILE. 2260 BY DEFAULT!!
```

6. Enjoy!!

# Contribute
Show your support by 🌟 the project!!

Feel free to contribute!!