https://github.com/cheesytech/vue-blog
The blog on Vue.js and Node.js
https://github.com/cheesytech/vue-blog
expressjs nodejs vue vue-router vuetify vuex
Last synced: about 2 months ago
JSON representation
The blog on Vue.js and Node.js
- Host: GitHub
- URL: https://github.com/cheesytech/vue-blog
- Owner: CheesyTech
- Created: 2020-06-15T20:39:46.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T09:00:24.000Z (over 3 years ago)
- Last Synced: 2025-07-29T12:44:00.119Z (10 months ago)
- Topics: expressjs, nodejs, vue, vue-router, vuetify, vuex
- Language: JavaScript
- Homepage:
- Size: 1.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-blog
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
Задача:
Написать SPA-приложение "Блог", взаимодействующее с API. Пользователь заходить на Главную страницу приложения, видит список опубликованных постов. Пост представляет собой область в которой присутствует "Название поста", "Картинку поста", "Дату и время публикации". Пользователь может кликнуть по одному из постов и перейти во внутрь. Внутри поста пользователь может оставить/удалить свой комментарий. У комментария есть функция лайк/дизлайк. Позиция комментария зависит от суммы лайков/дизлайков( позиция поста = лайки - дизлайки ).
"Use case":
1) Юзер может зарегестрироваться и авторизоваться в приложении.
2) Пользователь может войти в пост и оставить комментарий.
3) Пользователь может опубликовать свой пост.
Возможности приложение:
- Вывод всех постов;
- Возможность войти внутрь поста;
- Возможность просмотра комментариев к посту;
- Возможность оставить, удалить, редактировать свой комментарий;
- Возможность создать свой пост;
- Регистрация и авторизация;
- Разграничение прав доступа;
Сущности приложения:
- Пост - содержит в себе Автора поста, Заголовок поста, Текст поста, Комментарии к посту;
- Комментарий - содержит Текст комментария, лайки/дизлайки, Дату публикации;
- Юзер - деляться на три типа: 1) Гость - незалогиненный пользователь
2) Пользователь - залогиненный пользователь с правами доступа "Пользователь"
? 3) Администратор - суперпользователь
Компоненты - небольшая часть функционала:
- Лист постов(оранжевый) - содержит список постов, рендерит посты.
- Пост(синий) - один пост внутри листа постов.
- Текст поста(зеленый) - текст конкретного поста.
- Шапка(розовый) - содержит название приложения, кнопку для вывода модального окна регистрации/авторизации.
- Лист комментариев(желтый) - содержит список комментариев к конкретному посту.
- Комментарии(фиолетовый) - комментарий пользователя к посту, имеет лайки/дизлайки.