Верстка табов на React
Необходимо реализовать табы по категориям, каждый элемент которого - строка произвольной длины.
Требования к результату:
1. На Desktop/Tablet пагинатор должен быть расположен по центру страницы, занимать 50% по ширине и иметь фиксированную высоту.
2. На mobile 100% ширины минус 8px паддинг по бокам.
3. Значение элементов пагинатора могут быть заданы константой в коде,
перечислены через запятую в textarea на странице или генерироваться рандомно -
на ваш выбор.
4. На клик по элементу пагинатора - выделяем его, снимаем выделение с
предыдущего. По умолчанию выделен первый элемент.
5. При клике на стрелочки, выделяем предыдущий/следующий и так по кругу.
6. Пагинатор должен реагировать на ресайз страницы, таким образом чтобы
количество отображаемых элементов пагинатора было максимальным. При этом
отображать “половину категории” нельзя.
7. Выделенный элемент всегда должен быть видимым
8. Стилизацию как на картинке соблюдать не обязательно, можно делать “на свой вкус”.
Требования к стеку:
1. Стек React + MobX +Typescript
2. Создание проекта через create-react-app-typescript
3. Использовать готовые библиотеки для пагинации запрещено
Пример:
https://www.dropbox.com/s/j59prvcaf7ldv2a/пример.mov?dl=0
Current freelance projects in the category Web Programming
Primatic - Transfer of 3 pages from Figma to WordPress (Elementor)Hello! My name is Anna, I live in Israel and run a small creative studio. I mainly work with small and medium businesses and am currently looking for a freelancer for long-term collaboration. At the moment, there is a project: I need to transfer a finished design from Figma… HTML & CSS, Web Programming ∙ 9 hours 8 minutes back ∙ 38 proposals |
Looking for a Frontend Developer (React + Tailwind) to refine the websiteHello everyone! We are looking for a skilled frontend developer to help us finish the website of a premium plastic surgery clinic. The situation is as follows: the site has been designed and built using two AIs — the logic, structure, and code were created through neural… Web Programming, Web Design ∙ 12 hours 45 minutes back ∙ 42 proposals |
Development of 2 SEO-oriented websites for selling spare parts (ATVs and special equipment)Development of Two Specialized Websites for Selling Spare PartsGeneral Information It is necessary to develop two specialized websites: Spare parts for ATVs, UTVs, SSVs, and other similar equipment. Spare parts for special equipment. Existing company website:… PHP, Web Programming ∙ 22 hours 32 minutes back ∙ 52 proposals |
Need a 1C specialist (Trade Management)
23 USD
Need a 1C specialist (Trade Management) We are looking for an experienced 1C programmer for a small integration project. We have an online store and a 1C UT configuration. It is necessary to set up data exchange between the website and 1C — so that the website can receive… System & Network Administration, Web Programming ∙ 1 day 1 hour back ∙ 12 proposals |
Creation or adjustment of a website on OpenCartHello everyone! Preliminary situation for understanding: I ordered the development of a website from Templatemonsters. I agreed on the technical specifications in advance and purchased a template from them. In the end, the deadlines were not met, and they wrote that they could… Web Programming, Online Stores & E-commerce ∙ 2 days 10 hours back ∙ 38 proposals |
Kyiv