https://github.com/povar0305/custom-twitter
Кастомная версия твиттера(урезанная)
https://github.com/povar0305/custom-twitter
nuxt3 vue-composition-api vue3 vuerouter vuetify
Last synced: 4 months ago
JSON representation
Кастомная версия твиттера(урезанная)
- Host: GitHub
- URL: https://github.com/povar0305/custom-twitter
- Owner: povar0305
- Created: 2023-09-28T09:06:32.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-18T15:16:58.000Z (over 1 year ago)
- Last Synced: 2024-11-14T04:38:24.892Z (7 months ago)
- Topics: nuxt3, vue-composition-api, vue3, vuerouter, vuetify
- Language: Vue
- Homepage:
- Size: 226 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Кастомный твиттер
Возможность добавлять, изменять, удалять посты. Посты хранятся в localStoge в виде JSON строки. При клике на пост можно перейти на его страницу. Там есть возможность просмотра полной инормации по посту и возможность редактирования поста, добавлять или удалять комментарии.
Использовала
* [Библиотеку компонентов](https://vuetifyjs.com/en)
* [Библиотеку иконок](https://pictogrammers.com/library/mdi/icon)
* [Библиотеку для уведомлений](https://github.com/Maronato/vue-toastification)
Основная страница с постами
При добавлении поста появляется уведомление. Для уведомлений использовала [библиотеку](https://github.com/Maronato/vue-toastification)
Отображение постов с комментариями
Удаление постов
Страница отдельного поста
Редактирование поста
Добавление комментариев
Удаление комментариев
## Валидация форм
### Запись
* заголовок (обязательное поле, максимальная длина 50 символов)
* краткое описание (обязательное поле, максимальная длина 100 символов)
* полное описание (максимальная длина 255 символов)
### Комментарий
* имя комментатора (обязательное поле, максимальная длина 50 символов)
* email комментатора (проверка на валидность email, максимальная длина 50 символов)
* текст комментария (обязательное поле, максимальная длина 255 символов
### Особенности
* даты хранить в формате YYYY-MM-DD, а при отображении показывать в формате DD.MM.YYYY
* приложение должно корректно отображаться и работать в последних версиях Google Chrome, Firefox, Edge.
## Настройки
Установка:
```bash
# npm
npm install
```
## Настройки разработки
Поднятие сервера для разработки `http://localhost:3000`:
```bash
# npm
npm run dev
```
## Построение продакшена
```bash
# npm
npm run build
```
Билд проекта
```bash
# npm
npm run preview
```
[Более подробная документация](https://nuxt.com/docs/getting-started/deployment)