Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roman-pixel/list-of-companies-task
Test task
https://github.com/roman-pixel/list-of-companies-task
react redux tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Test task
- Host: GitHub
- URL: https://github.com/roman-pixel/list-of-companies-task
- Owner: roman-pixel
- Created: 2024-08-06T21:45:38.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-13T11:37:29.000Z (5 months ago)
- Last Synced: 2024-08-21T16:54:57.056Z (5 months ago)
- Topics: react, redux, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://main--ist-of-companies.netlify.app/
- Size: 153 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# List of Companies
## Описание
Одностраничное приложение "Список компаний", созданное с использованием React, Redux (redux-toolkit) и TypeScript. Это приложение отображает таблицу компаний с возможностью редактирования данных, добавления и удаления компаний.
## Функциональные возможности
- **Таблица компаний**:
- Шапка таблицы содержит чекбокс "Выделить всё".
- Тело таблицы имеет следующие столбцы:
- **Чекбокс**: для выбора/снятия выбора строк.
- **Наименование**: редактируемое поле.
- **Адрес**: редактируемое поле.
- **Дата создания**: не редактируемое поле.
- **Дата изменения**: не редактируемое поле.
- По клику на чекбокс в строке строка выделяется цветом.
- По клику на чекбокс "Выделить всё" выделяются все строки.
- **Редактирование**:
- Поля "Наименование" и "Адрес" можно редактировать.
- Поля "Дата создания" и "Дата изменения" не редактируемые.
- **Добавление/удаление компаний**:
- Добавление новых компаний.
- Удаление компаний (включает множественное удаление при выборе нескольких строк).
## Технологии
- [React](https://reactjs.org/) - Библиотека для создания пользовательских интерфейсов.
- [Redux (redux-toolkit)](https://redux-toolkit.js.org/) - Инструменты для управления состоянием приложения.
- [TypeScript](https://www.typescriptlang.org/) - Язык программирования для строгой типизации в JavaScript.
- [Tailwind CSS](https://tailwindcss.com/) - Утилитарный CSS-фреймворк для создания пользовательских интерфейсов.
## Демо
Вы можете увидеть демо-версию приложения по следующей ссылке:
[Демо-приложение](https://main--ist-of-companies.netlify.app/)
## Установка
1. Клонируйте репозиторий:
```bash
git clone https://github.com/roman-pixel/list-of-companies-task.git
```
2. Перейдите в каталог проекта
4. Установите зависимости с помощью yarn или npm:
```bash
yarn install
```
или
```bash
npm install
```
4. Запустите приложение
```bash
yarn dev
```
или
```bash
npm run dev
```