Skip to content

linkoln-1/Warehouse-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Warehouses-business

Один из моих командных проектов, сделанный на фрилансе. Данный проект дал мне большой толчок к развитию моих навыков как программиста. Это был довольно сложный проект и интересный проект, было много разных интересных задач над которыми мы с коллегой думали, решали, реализовывали.

Демо-Приложения

  • При запуске проекта нас встречает вот такой минималистический вид приложения

img_1.png

  • После начала использования приложения, Вы можете попасть на несколько уже реализованных вкладок. Вот например открытая вкладка "Склады".

img_2.png

Проект разрабатывали

Али

  • Дизайн, Верстка
  • Роутинг Маршрутизация
  • частично модальное окно
  • Пагинация страницы товаров
  • Несколько компонентов входящих в страницу финансов
  • изменение остатков на странице с товарами
  • частично бэкенд
  • функциональная реализация страницы с тарифными планами

Ахмед

  • Дизайн, Верстка
  • Модальное окно
  • Страница с товарами
  • Страница финансов и доработка оставшихся компонентов
  • Страница обзор
  • частично бэкенд
  • страница с выбором тарифных планов

Функционал, Возможности и будущие возможности приложения.

  • Доступ к разным складам нашей страны
  • Просмотр продукции на тех или иных складах.
  • Сопоставление одного продукта с продуктом лежащим на другом складе.
  • Поиск по Артикулам продукта внутри складов.
  • Изменение остатков на складе.
  • Контроль над своими заказами.
  • Просмотр аналитики.
  • Просмотр и изменение Маркетплейса.
  • Просмотр продукции.
  • Просмотр отгрузок и складов.
  • пагинация.
  • Возможность выбора количества отображения товара на складах.
    и многие другие возможности.

  • На данном фото наглядно видно в каком стиле отображаются продукты находящиеся на одном из складов (было отображено только 3 товара, для того чтобы в кадр попала сама пагинация. Так товаров намного больше.)

img_3.png

  • Затем на этом фото вы видите то каким образом можно изменять остаток товара на складе

img_4.png

  • Далее мы можем перейти на вкладку "Обзор", и можем увидеть небольшое меню с разными вкладками.

img_5.png

  • Так же мы можем перейти на вкладку "Финансы", и нам откроется небольшое меню, которое позволяет нам совершать некоторые финансовые операции или же посмотреть историю операции

img_6.png

  • Далее в этой вкладке мы можем перейти в "Пополнить баланс". Здесь мы можем увидеть что нас встречает 2 карточки пополнения баланса, каждый из которых отвечает за ту или иную операцию. Так например первая карточка может пополнить ваш основной баланс, а вторая же может пополнить баланс ваших доп.услуг.

img_7.png

  • Так же из вкладки "Финансы", мы можем перейти на "Тарифы". Здесь мы можем выбрать тот или иной тариф из тех что вы видите перед собой, естественно после выбора тарифа, немного ниже вы можете выбрать на какой срок вы берете данный тариф и от какого лица оплачиваете. Есть 3 вида: Физ.лицо, счет баланса, банковская карта. И программа вам выдаст сумму которую нужно будет внести для активации данного тарифа.

img_8.png


В данном приложении были использованы такие технологии как:

React Material-UI Bootstrap Json-Server Prettier React-Router-Dom React-icons React-input-slider React-Redux React-Thunk Styled-Components

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published