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). Su8kL.gif ## Содержание - [Технологии](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 фреимворков, чисто верстать на время - было весело, если время было бы больше, то получился бы более качественныи адаптив. Su8vE.gif ## Команда проекта - [Матвеи Королев](https://github.com/lorrik2/Test-task-interface/blob/master/https://t.me/lorrik2) — Frontend-разработчик

近期下载者

相关文件


收藏者