atherdon / dashb Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 4.0 4.76 MB

Home Page: https://frontend-dashboard-repository.herokuapp.com/

HTML 48.35% JavaScript 3.50% SCSS 45.70% Shell 0.01% TypeScript 2.45%

dashb's Introduction

Hi there 👋

👋 Hi, I’m Arthur
💞️ I love to play chess and poker with my friends.
📫 You can reach me through my email or LinkedIn.

Arthur Tkachenko

Tech leader with experience in different areas. Consulting teams of different sizes and company stages. I have a vast knowledge of building and maintaining tech projects. Able to form and scale development teams. During six years lifespan, I completed over 20 detailed specifications for US-based startups.

Building teams
Creation of software specifications
Scaling processes
Automation aka Lazy developer
Coding workflows
Control over the small sales department
Competitors research

Big Projects History

Topup24 - Mobile Topup system using bitcoin

No More To-Go - Meal Planning startup

PlanItDinner - Meal Prep startup

Tab Business Vantage - Business assessment tool for USA Franchise 500 company

Education: Engineer's Degree, Software Development

Co-Founder Experience

netWeight Company

2012-2016 Outsourcing company Operational Manager, Project Manager

Groceristar Company

2017-now Solutions for FoodTech startups Tech lead

LLazyEmail Company

2021-now

Tech Infrastructure for email marketing teams Advisor, GrowthHacker Additional information

Tech Writer on Medium/Hackernoon. Over 100 articles were published.

Muchrack profile: https://muckrack.com/arthur-tkachenko-1

Volunteering experience

Was running an internship program for students. Selected ~100 students from 2500 requests.

Recorded six coding courses on Udemy and shared them with 8000 students for free.

Links

Linkedin: https://www.linkedin.com/in/arthurtkachenko/

AngelList: https://angel.co/u/arthur-tkachenko

Facebook: https://www.facebook.com/profile.php?id=100001542389090

Hackernoon: https://hackernoon.com/u/arthur.tkachenko

GitHub: https://github.com/atherdon

dashb's People

Contributors

Stargazers

Watchers

Forkers

coder-do groceristar renovate-tests chickenkyiv

dashb's Issues

Dashboard: create array of cards

can we use css, that generated by ant-design library and save some time?

если основной фрилансер программист возглавит проект по переносу верстки в react, он будет использовать ant-design components для некоторых базовых страниц.

есть пару страниц\layouts которые мы бы могли взять и не тратить на них сейчас время.
заодно они красивые, и будет казаться что мы много работы сделали :)

нам нужен будет календарь, для того, чтобы было видно сколько статей будет выходить в течении месяца.
чтобы не выводить 200-300 статей в одной таблице, я бы разбил их на мелкие части.
и их можно было бы разбить на "stages".

календарь у ant-d показан на этой странице
а тут есть codepen с примерчиком
тоесть если мы сможем просто скопировать этот код и вставить его в наши страницы - этого вначале будет достаточно.

код из dist я наверное смогу достать. но в гитхабе у них эта папка в игноре, поэтому надо будет скачать компоненты локально и сделать билд. если надо - скажете.

второго компонента с коробки, чтобы работал как нам надо - нету, но можно посмотреть на логику на этой странице

Create pages

install ant

Top Authors add a checkbox for V column

[bug] cant start our project locally

i cant see pkg.json, and gitpod cant install anything

Layout component & top bar menu

@vadim9999
How about to create top-bar menu and layout HOC ?

[ant d] simple tables with links

хочу попробывать вывести данные, которые редакторы хранят в экселе, для удобства.

компонент: https://ant.design/components/table/

Ничего особенного пока ненужно, чекбокс можно заменить пока на TRUE и будет ок.
скрин

аттачу excel file c копией
Ant D Tables Sample.xlsx

keywords checker [reacty]

ant-design/ant-design#22969

https://codesandbox.io/s/z3ln7y0p04

Managed Accounts, Edited Stories, Today Submited Stories

Add pages

страница search-page-tags.html пустая

add dashboard with cards

steps: add table and 5 steps

create "electronic queue"

Simple Auth

Add simple authorization

statuses

Oauth

Data for table(s)

editorial reports [not finished]

attach latest reports
show a table with numbers and how to calculate that

[charts] progress bar chart

Component: https://ant.design/components/progress/

на этой странице я бы хотел отобразить 3 прогресс бара, которые бы могли помочь нам следить за количеством статей, которые мы выкладываем за неделю.

тоесть на этой странице нам нужно вывести в title какая это неделя(также как сделано в Report)

и 3 прогресс бара.

label: "AVG number per week"(200 stories)
label: "Real number that we must hit"(260 stories)
label: "Next goal 280(40 stories per day)

Add space between header and table [Layout]

Create Container that will have a responsive design. Find component on antd

1

в 2021 я планирую переделывать еще админку нашего сайта и выносить ее в отдельный проект - потому что админку создали наши программисты месяцев 17 назад и с того момента она мало обновлялась.
плюс, хранить все ядро в одном месте - не очень secure. но главная проблема всетаки в малой скорости.

еще бы хотелось наш основной front подтягивать - но там будет сложно в плане коммуникаций. там работы много, но сейчас это рано обсуждать.

https://hackernoon1.wixsite.com/sponsor-hn

Create Progress bar page

Create Progress bar page that contains three progress components from antd library. And add new card to dashboard that opens this page.
https://github.com/atherdon/dashb/blob/main/frontend/dist/progress.html

Create our customized Proggress bar component in folder components and use it in Progress bar page

bad keywords form [not finished]

similar to

when a form was submitted - animation should add a keyword to the bottom
another animation should be, when you click on "x" button - it should hide that keyword

re-organization

я подумал что будет идеально, если мы перенесем некоторые страницы, чтобы было более понятно как будет выглядеть дашбоард.

ниже список простых задач.

страница с cards - должна стать index.
страница index должна называться components-archive
в карточке Search, при клике на more -> должна открыться страница с
на страницу index можно добавить карточку reports, и по клику на more -> будет переходить на одну из страниц с отчетом(любую).
на карточке top authors, при клике на more -> открыть страницу tables.
можно ли обновить структуру файлов внутри папки dist? человек, который не знает деталей - запутается. сейчас структура выглядит так

можно ли сделать:

dist/
-- search/
---- all pages with search
-- reports/
---- all reports

для карточки BAA по ссылке в more -> создать страницу, на которой будет отображаться только ваш компонент со статьями

Progress Bar page: link progress with table

верстка ломается когда заголовки короткие

При коротких заколовках тем верстка не очень .....

sign up form, similar, but better

This is an auto-generated form from a tool that we're using for sending emails.


<form action="https://www.noonifications.tech/subscribe" method="POST" accept-charset="utf-8">
	<label for="name">Name</label><br/>
	<input type="text" name="name" id="name"/>
	<br/>
	<label for="email">Email</label><br/>
	<input type="email" name="email" id="email"/><br/><br/>
<input type="checkbox" name="gdpr" id="gdpr"/>
<span><strong>Marketing permission</strong>: I give my consent to  to be in touch with me via email using the information I have provided in this form for the purpose of news, updates and marketing.</span>
<br/><br/>
<span><strong>What to expect</strong>: If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.</span>
<br/><br/><div style="display:none;">
	<label for="hp">HP</label><br/>
	<input type="text" name="hp" id="hp"/>
	</div>
	<input type="hidden" name="list" value="6eFZ90f1kttGwawbnQXMYg"/>
	<input type="hidden" name="subform" value="yes"/>
	<input type="submit" name="submit" id="submit"/>
</form>

автоматически сгенерированная форма: https://www.noonifications.tech/subscription?f=j28EnWyH9wGZARER2Y82w892763gedWHJ7qKt9VtTZwnDd892q5WQIZ9n8926fMrN7TxYfr0

advanced search - mini pages after april

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

Пример того, как могут выглядеть подстранницы ниже

добавляю новую версию, но я еще скину данные которые можно копировать внутри наших таблиц

keyword checker page [HTML]

we need to have a way to check some keywords quickly, without a lot of problem or without wasting a lot of time

small tables with links - copying workflow from Marina

explore bootstap admin theme

ссылка на тему, что внутри видео: https://demos.creative-tim.com/argon-dashboard/examples/tables.html#!
доки: https://demos.creative-tim.com/argon-dashboard/docs/getting-started/build-tools.html

или мы можем взять куски темы, которые нам могут понадобится вначале
https://www.creative-tim.com/bits/bootstrap/admin-panel-argon-dashboard

https://www.creative-tim.com/bits/bootstrap/bootstrap-table-template-argon-dashboard

https://demos.creative-tim.com/argon-dashboard/docs/getting-started/overview.html

https://github.com/turkogluc/react-admin-portal

https://pro.ant.design/

https://adminlte.io/

create card keyword with z-keywords tables

Card Keywords already exist. Create page Keywords with all 7 tables and link this page with card Keywords. This html files are like a design.

Store this data in data folder

complex table with expandable rows

первой частью будет просто скопировать код из ant-d: https://ant.design/components/table/#components-table-demo-expand

отдельный компонент
отдельная страница
данные брать из примера на ant-d.

просто хочу понять, будет этот вариант удобным или нет.

чуть позже смогу подготовить подходящий json уже для наших случаев

Copy paste brands.js file into data folder.

Create page Brands with table in components. Do this like TopAuthors.

3, Add link to the second card

Brands page

Добавила дизайн страницы "Бренды". Было бы удобнее, если бы при загрузке страницы отображались последние записи (не надо было каждый раз скролить); автоматически подсчитывалось "avg time story" и хорошо бы в конце недели появлялась "зеленая строка" с отчетом: сколько статей опубликовано, отредактировано, кол-во репостов.