Giter Club home page Giter Club logo

tars-tarkas / react-redux-jsonplaceholder Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 191 KB

Реализовать spa в соответствии с предложенным макетом, в котором будет представлена таблица с данными пользователей и возможностью сортировки и поиска.

Home Page: https://react-redux-jsonplaceholder.vercel.app

JavaScript 88.43% HTML 11.57%

react-redux-jsonplaceholder's Introduction

Реализовать spa в соответствии с предложенным макетом, в котором будет представлена таблица с данными пользователей и возможностью сортировки и поиска.

ОБЩИЕ ТРЕБОВАНИЯ:

  • Приложение должно работать в chrome и firefox.
  • Разрешается использовать UI фреймворки по типу bootstrap.
  • Код должен быть чистым и читабельным.
  • Не должно быть необоснованного дублирования, всё должно распределяться по компонентам.
  • Код должен быть отформатирован в едином стиле.
  • Вёрстка должна совпадать с макетами figma.
  • Приложение должно быть написано на vue.js или react.
  • Плюсом будет использование глобального state менеджера vuex (для vue.js) или redux (для react).

ОПИСАНИЕ API:

Список данных : https://jsonplaceholder.typicode.com/posts

ОПИСАНИЕ ПРИЛОЖЕНИЯ:

  • При входе на страницу отображается таблица с данными.
  • На одной странице таблицы показывается только 10 записей.
  • Под таблицей располагаются элементы, показывающие количество страниц таблицы.
  • Кнопки “Назад” и “Далее” переключают страницы таблицы.
  • Переключение между страницами происходит без перезагрузки.
  • При нажатии на заголовки столбцов происходит сортировка записей (от большего к меньшему или по алфавиту).
  • В строке поиска можно ввести любое значение, и в таблице отобразится запись, в которой данное значение присутствует.
  • Страница таблицы должна отображаться в URL браузера.

Макет Figma:

https://www.figma.com/file/amcWeZhjaZ0eSyYiSNG6vN/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B?node-id=0%3A1

Результат выполнения:

Результат выполнения нужно будет залить на любой хостинг (можно бесплатный) и в git.

react-redux-jsonplaceholder's People

Contributors

ocalpoks avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.