https://github.com/maximk247/testtaskart

https://github.com/maximk247/testtaskart

nuxt nuxt3 nuxt3-typescript pinia tailwindcss typescript vue vue3 vue3-typescript

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/maximk247/testtaskart
• Owner: maximk247
• Created: 2024-09-09T12:30:54.000Z (18 days ago)
• Default Branch: main
• Last Pushed: 2024-09-10T05:13:33.000Z (17 days ago)
• Last Synced: 2024-09-24T23:50:17.602Z (2 days ago)
• Topics: nuxt, nuxt3, nuxt3-typescript, pinia, tailwindcss, typescript, vue, vue3, vue3-typescript
• Language: Vue
• Homepage: https://test-task-art.vercel.app
• Size: 154 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Таблица с jsonplaceholder/posts

[Деплой](https://test-task-art.vercel.app/)

## Описание

**Таблица с jsonplaceholder/posts** — это веб-приложение на основе Vue 3, которое позволяет пользователям создавать, просматривать, редактировать посты с поддержкой пагинации и сортировки. Приложение использует Pinia для управления состоянием и TailwindCSS для стилизации.

## Стек технологий

- Nuxt 3

- Vue 3

- Pinia

- TailwindCSS

## Установка и запуск

```bash

git clone https://github.com/maximk247/testTaskArt.git

```

```bash

cd testTaskArt

```

```bash

npm i

```

```bash

npm run dev

```

## Структура проекта

- **components/**

  - **UI/** — Компоненты интерфейса

  - **PostModal/** — Модальное окно для создания поста

  - **PostTable/** — Таблица постов

- **store/** — Магазин данных Pinia

- **pages/** — Страницы приложения

- `app.vue` — Главный компонент приложения

## Особенности

- **Пагинация:** Поддержка переключения страниц с постами.

- **Сортировка:** Сортировка постов по ID.

- **Модальные окна:** Модальные окна для создания и редактирования постов.

- **TailwindCSS:** Адаптивная стилизация интерфейса.

- **Обращение к конкретному посту** Возможность перейти на страницу конкретного поста по заголовку