announcement

0

Описание

Языки

  • TypeScript90,3%
  • SCSS6,3%
  • JavaScript2,7%
  • HTML0,7%
README.md

Объявления и заказы

Как запустить проект

  • npm install
    - для установки зависимостей;
  • npm run server
    - для запуска json сервера;
  • npm run dev
    - для запуска react приложения;
  • перейти на http://localhost:5173/.

Описание функционала приложения

Веб-приложение состоит из двух страниц, доступных по:

  • / - страница всех объявлений. Функциональность:
    • возможность создания объявления;
    • фильтрация объявлений по цене;
    • сортировка по лайкам и просмотрам;
    • изменение количества объявлений на странице;
    • реализован серверный поиск по названию объявлений (ищет по полному совпадению из-за ограничения json-server);
    • пагинация реализована на стороне клиента.
  • /announcement/:id - страница конкретного объявления. Функциональность
    • возможность редактировать объявление.
  • /orders - страница всех заказов. Функциональность:
    • фильтрация по статусу заказов;
    • сортировка по сумме заказов;
    • возможность завершить заказ.

Используемые технологии

  • React
  • React-router-dom
  • Redux Toolkit + RTK Query
  • TypeScript
  • MUI
  • Vite
  • Sass
  • ESLint + stylistic