maximk247 / testTaskArt

Home Page:https://test-task-art.vercel.app

Repository from Github https://github.commaximk247/testTaskArtRepository from Github https://github.commaximk247/testTaskArt

Таблица с jsonplaceholder/posts

Деплой

Описание

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

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

  • Nuxt 3
  • Vue 3
  • Pinia
  • TailwindCSS

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

git clone https://github.com/maximk247/testTaskArt.git
cd testTaskArt
npm i
npm run dev

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

  • components/
    • UI/ — Компоненты интерфейса
    • PostModal/ — Модальное окно для создания поста
    • PostTable/ — Таблица постов
  • store/ — Магазин данных Pinia
  • pages/ — Страницы приложения
  • app.vue — Главный компонент приложения

Особенности

  • Пагинация: Поддержка переключения страниц с постами.
  • Сортировка: Сортировка постов по ID.
  • Модальные окна: Модальные окна для создания и редактирования постов.
  • TailwindCSS: Адаптивная стилизация интерфейса.
  • Обращение к конкретному посту Возможность перейти на страницу конкретного поста по заголовку

About

https://test-task-art.vercel.app


Languages

Language:Vue 71.2%Language:TypeScript 27.5%Language:JavaScript 1.1%Language:CSS 0.3%