MyDiary-Vue

vue构建的日记应用 来源于「君の名は」( Mydiary created with Vue2 )

Stars
86
Committers
2

my-diary-vue

中文

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

Badges
Extracted from project README
JavaScript Style Guide
Related Projects