Skip to content

Latest commit

 

History

History
57 lines (53 loc) · 1.94 KB

README.En.md

File metadata and controls

57 lines (53 loc) · 1.94 KB

my-diary-vue

JavaScript Style Guide

Introduction

This app comes from a popular and high-quality Japanese animated film Your Name
I like the diary application very much,so I copied the app immediately with jquery
After that, I learned Vue for a while, and familiar gradually, and I want to know more about the Vue ecosystem
After reading some guide in official site, there is still something difficult to understand
So I decided to refactor Mydiary
The front and back ends of the project are separated
back-end: RESTful API(MyDiary API) implemented with nodejs and express
database: mongoDB      
font-end: vue2 / vuex / vue-router / webpack / ES6 / less

Features

  • contact
  • todolist
  • diary
  • calendar

todo

  • login page
  • register page
  • setting page
  • diary pagination
  • search function
  • database optimization
  • exchange diary
  • pc client(electron)
  • PWA

screenshot

use fireshot
ss1 ss2 ss3 ss4 ss5 ss6 ss7

Development

This project can be used as personal cloud note
please install node.js and mongoDB first
please deploy MyDiary API before use MyDiary

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

PS

my code is not very well, please remind me in the issues
and BD is Coming soon!! 17.7.26