Test-task-interface
所属分类:企业管理
开发工具:TypeScript
文件大小:192KB
下载次数:0
上传日期:2023-06-05 16:03:11
上 传 者:
sh-1993
说明: 在React上创建CRM界面的测试任务,具有多个页面(新闻和对API地址的请求)+自适应布局...
(Test task to create a CRM interface on React with multiple pages (news and requests to API addresses) + adaptive layout for mobile devices)
文件列表:
frontend (0, 2023-06-06)
frontend\package-lock.json (684722, 2023-06-06)
frontend\package.json (2990, 2023-06-06)
frontend\public (0, 2023-06-06)
frontend\public\favicon.ico (3870, 2023-06-06)
frontend\public\index.html (628, 2023-06-06)
frontend\public\manifest.json (492, 2023-06-06)
frontend\src (0, 2023-06-06)
frontend\src\api (0, 2023-06-06)
frontend\src\api\api.ts (696, 2023-06-06)
frontend\src\app (0, 2023-06-06)
frontend\src\app\App.scss (198, 2023-06-06)
frontend\src\app\App.tsx (1028, 2023-06-06)
frontend\src\features (0, 2023-06-06)
frontend\src\features\addressSlice.ts (759, 2023-06-06)
frontend\src\features\layout (0, 2023-06-06)
frontend\src\features\layout\Layout.tsx (612, 2023-06-06)
frontend\src\features\layout\scss (0, 2023-06-06)
frontend\src\features\layout\scss\layout.scss (3743, 2023-06-06)
frontend\src\features\menu (0, 2023-06-06)
frontend\src\features\menu\navbar (0, 2023-06-06)
frontend\src\features\menu\navbar\Navbar.tsx (2535, 2023-06-06)
frontend\src\features\menu\navbar\assets (0, 2023-06-06)
frontend\src\features\menu\navbar\assets\burger-close-menu.svg (541, 2023-06-06)
frontend\src\features\menu\navbar\assets\burger-menu.svg (686, 2023-06-06)
frontend\src\features\menu\navbar\assets\ic_logo.svg (785, 2023-06-06)
frontend\src\features\menu\navbar\assets\ic_person.svg (1137, 2023-06-06)
frontend\src\features\menu\navbar\scss (0, 2023-06-06)
frontend\src\features\menu\navbar\scss\navbar.scss (1926, 2023-06-06)
frontend\src\features\menu\sidebar (0, 2023-06-06)
frontend\src\features\menu\sidebar\Sidebar.tsx (2880, 2023-06-06)
frontend\src\features\menu\sidebar\assets (0, 2023-06-06)
frontend\src\features\menu\sidebar\assets\Maps.svg (1018, 2023-06-06)
frontend\src\features\menu\sidebar\assets\Vector (1).svg (435, 2023-06-06)
frontend\src\features\menu\sidebar\assets\VectorFinans(2).svg (1862, 2023-06-06)
frontend\src\features\menu\sidebar\assets\address.svg (1291, 2023-06-06)
... ...
# Test-task-interface
Это тестовое задание: Целью было разработать React приложение c небольшои навигациеи по основным страницам(новости и поиск адресов) в течение 4х часов. Поиск осуществляться с помощью REST API запросoв на DaData. По функционалу: навигация на два основных роута, на остольных заглшука, поиск по базе адресов, адаптивная верстка. В задании использовались предпроцессоры SCSS|SASS и пакет uuid4(для уникальных id).
## Содержание
- [Технологии](https://github.com/lorrik2/Test-task-interface/blob/master/#технологии)
- [Начало работы](https://github.com/lorrik2/Test-task-interface/blob/master/#начало-работы)
- [Contributing](https://github.com/lorrik2/Test-task-interface/blob/master/#contributing)
## Технологии
- [React](https://github.com/lorrik2/Test-task-interface/blob/master/https://react.dev/)
- [TypeScript](https://github.com/lorrik2/Test-task-interface/blob/master/https://www.typescriptlang.org/)
- [Redux](https://github.com/lorrik2/Test-task-interface/blob/master/https://redux.js.org/)
- [Redux Toolkit](https://github.com/lorrik2/Test-task-interface/blob/master/https://redux-toolkit.js.org/)
- [SCSS|SASS](https://github.com/lorrik2/Test-task-interface/blob/master/https://sass-scss.ru/)
## Использование
Что бы запустить проект локально, после клонирования проекта, откроите терминал:
Заидите в папку frontend
```sh
$ cd frontend
```
Установите npm-пакет с помощью команды:
```sh
$ npm ci
```
Запустите проект
```sh
$ npm start
```
## Разработка
### Требования
Для установки и запуска проекта, необходим [NodeJS](https://github.com/lorrik2/Test-task-interface/blob/master/https://nodejs.org/) v8+.
### Установка зависимостеи
Для установки зависимостеи, выполните команду:
```sh
$ npm i
```
### Запуск Development сервера
Чтобы запустить сервер для разработки, выполните команду:
```sh
npm start
```
### Создание билда
Чтобы выполнить production сборку, выполните команду:
```sh
npm run build
```
## Обо всем по чуть-чуть
Задание понравилось, без CSS фреимворков, чисто верстать на время - было весело, если время было бы больше, то получился бы более качественныи адаптив.
## Команда проекта
- [Матвеи Королев](https://github.com/lorrik2/Test-task-interface/blob/master/https://t.me/lorrik2) — Frontend-разработчик
近期下载者:
相关文件:
收藏者: