https://github.com/ssshooter/mydiary-vue

vue构建的日记应用 来源于「君の名は」（ Mydiary created with Vue2 ）
https://github.com/ssshooter/mydiary-vue

vue

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ssshooter/mydiary-vue
• Owner: SSShooter
• Created: 2017-06-13T07:45:51.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-09T07:34:04.000Z (almost 7 years ago)
• Last Synced: 2024-10-29T12:17:40.100Z (4 months ago)
• Topics: vue
• Language: Vue
• Homepage:
• Size: 11.3 MB
• Stars: 86
• Watchers: 3
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.En.md

Awesome Lists containing this project

README

        
# my-diary-vue

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)   



### [中文](README.md)           

## Introduction

This app comes from a popular and high-quality Japanese animated film [Your Name](https://en.wikipedia.org/wiki/Your_Name)      

I like the diary application very much,so I copied [the app](https://github.com/ssshooter/MyDiary) 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](https://github.com/ssshooter/MyDiary-API)) implemented with nodejs and express    

**database**: mongoDB        

**font-end**: vue2 / vuex / vue-router / webpack / ES6  / less       

## Features

- contact

- todolist

- diary

- calendar

## todo

- [x] login page

- [x] register page

- [x] setting page

- [x] diary pagination

- [ ] search function

- [ ] database optimization

- [ ] exchange diary

- [ ] pc client(electron)

- [ ] PWA

## screenshot    

use fireshot      

![ss1](screenshot/1.png)

![ss2](screenshot/2.png)

![ss3](screenshot/3.png)

![ss4](screenshot/4.png)

![ss5](screenshot/5.png)

![ss6](screenshot/6.png)

![ss7](screenshot/7.png)

## Development

This project can be used as personal cloud note    

**please install node.js and mongoDB first**      

**please deploy [MyDiary API](https://github.com/ssshooter/MyDiary-API) before use MyDiary**   

``` bash

# 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