Сообщество - ИТ-проекты пикабушников

ИТ-проекты пикабушников

592 поста 3 428 подписчиков

Популярные теги в сообществе:

15

Как мы делали очередное приложение для медитации, а создали виртуальное рабочее пространство для IT

Привет, меня зовут Мун. Я - горная обезьянка, которую создали четверо студентов из Академгородка, и по совместительству - лицо уникального приложения для контроля рабочего дня. Но обо всём по порядку.

Мун появился в момент раскола нашей команды, когда мы уже работали вместе полгода. Так бывает, когда глубинные цели расходятся: часть ребят, встретившихся в стенах университета, хотела создавать AR решения, а другие – что-то абсолютно новое на базе Новосибирского Технопарка.

Мы – создатели Муна – выбрали второй вариант, где перешагнули через множество бизнес-моделей и дошли до двух побед:

– релиз нашего первого прототипа;

– подписание договора о резидентстве в Технопарке.

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

Мы приняли решение сделать упор на осознанный отдых. Казалось, что действительно полезных решений, помогающих осознанно отдыхать, мало. С этой идеей мы ворвались на А:Старт (акселерационная программа для запуска IT стартапов), где в ходе многочисленных штурмов, изменений, разработок появился Мун – обезьянка, проповедующая mindfulness.

Билет в резидентство

Это было умное приложение для контроля времени и снятия напряжения во время работы.

Мы выяснили, что рынок предлагает точечное закрытие потребностей пользователей: либо продуктивность, либо отдых, хотя психология держит эти понятия в тесной связке. В последнее время набирает популярность практика медитации – людям больше не хочется переключать голову на скроллинг ленты в перерывах между рабочими задачами, им хочется осознанности. В этом и должен был помогать Мун.

Принцип работы:

В начале дня пользователь вносит количество рабочих часов и частоту перерывов. Его встречает наш тамагочи – обезьянка Мун, который напоминает об отдыхе в диалогах, оказывающих поддержку и правильный настрой. Собирая статистику и отчеты по отдыхам и практикам, пользователь будет растить свою личную обезьянку, пока не достигнет уровня 100-летней мудрости.

Суть заключалась в самих перерывах: мы хотели создать различный контент для релакса. На начальном этапе планировалось включить голосовые медитации и релакс-музыку.

Мы сделали дизайн, протестировали MVP на телеграмм-боте, запустили первые продажи и даже получили неплохую конверсию. Тогда среди усатых дядей с серьезными проектами мы стали смотреться более уверенно (посветили огонечком потенциала) и получили статус резидентов. Всё, вершина взята, отдохни, скалолаз.

Что в реальности, Маск?

Это была веселая игра. Когда нас накрыла реальность, стало не до веселья. Мы с валидолом свели экономику, глянули на начальные вложения и приземлились. Мы не были крепко уверены ни в боли клиентов, ни в идее – в такой ситуации к инвесторам не обратишься. Но звучало, конечно, очень красиво.

Тогда мы интуитивно встали на первый путь, обозначенный в самом начале – продуктивная работа.

Новая идея возникла быстро. К её реализации мы приступили еще быстрее. Она отражала и нашу реальную боль, и боль участников CustDev'а (процесс тестирования идеи на потенциальных потребителях), который мы провели. И это было то самое виртуальное рабочее пространство для IT-сферы – новый дом нашего Муна.

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

Moun закрывает три главные выявленные потребности нашей аудитории:

1) Можно не следить за временем – трекер времени выполнения задач позволяет контролировать количество часов работы;

2) Имеешь абсолютно все задачи под рукой – приложение можно синхронизировать с Jira, Redmine и YouTrack. Есть возможность внесения других задач вручную с последующим ранжированием их по степени выполнения;

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

Сейчас мы как раз на пороге релиза. Это как гадать на шаре: для себя вроде бы всё просчитано, но хочется получить критику от Вселенной. Шар не сильно разбирается в IT и предпринимательстве, но вы – другое дело. Так что просим любое мнение: на том ли пути наш Мун?

Чуть подробнее узнать о Moun можно тут и даже оставить почту, чтобы мы маякнули, как будет релиз :)

Показать полностью 3

Создать сайт и мини бизнес самостоятельно и быстро :)

Всем привет!)

Хотелось бы рассказать свою историю достаточно подробно и вдохновить тех многих, кто думает о создании интернет магазина (особенно после последней ситуации в мире)

Как я пришёл к той мысли о начале и пришёл к моменту того, что хочу рассказать или путь в 2 года.

В 18 лет я как и все закончили школу, я тогда был кмс по спорту в котором вышка это 30к прибыли.
Это был 2012 год. К тому моменту это было не мало, но и не те суммы для Москвы о которых мечтал парень в эти года.

Далее я пошёл в универ на платку, проучился 1.5 года и ушёл перед сессией где то в маркет на вольные хлеба, мне надоело слушать то, что говорят мне люди которые зарабатывают (в 2012 г) около 50-70к (в платном универе, как то он назывался, что то там про Дубай и прочее, не суть)

В итоге я окончательно осознал, что нужно что-то делать и пошёл в макдональдс ( да, интересный выбор) за первый месяц я заработал 9 000 рублей (за вычетом всех этих поборов на одежду и купленные справки)

Удивился, и пошёл в лакост купил себе кроссовки за 8000))

Конечно для Москвы это было слабо, пошёл дальше
Магазин podium market, стал за месяц одним из 30 в сменах и получил 33 000.

Ушел, тк не видел себя среди 30 соперников, это как дом 2. Обсуждения тебя и прочее.

Было начало лета уже и мне намекнул младший брат на то, что нужно идти на рынок и работать там. Пошёл на рынок и тут пошли мои первые шаги.
Я обучался бизнесу "изнутри", т к нашёл работу в только что открывшемся магазине плитки.

Были пустые стены и мы потихоньку за возили стенды и обустраивали магазин.

Деньги я экономил и уже учился откладывать (благо не снимал ещё тогда)
Зарплату мне тогда сразу озвучили так

Первый месяц 20
Второй 30
Третий 30+5% с оборота ( прошу заметить)
И далее + 2% с оборота второго этажа ( итальянская плитка)

Спустя пол года я купил себе машину, ситроен с4 купе 2007 года. На тот момент ей было всего 5-6лет. Цена 210 тыс.

Далее я много работал в плитке. Около 3-4лет поменял 3ех работодателей. И пришёл к окладу в 100к. Продавцом - дизайнером.

В это время уже занимался администрацией сайта на Битрикс и видел те суммы, которые платят за этот сайт. Битрикс мне показался гигантом и чем то реально сложным. Любые задачи по сайту я проваливал и даже на замену логотипа я потратил более 30 минут.

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

В итоге в этот сайт за 2 года вложили около 2ух миллионов.

Создание 700 000. Доработки, доработки и прочее
Прибыли нет. Людей нет. Просто сосёт деньги.

Пришла мысль попробовать обогнать начальника с меньшими вложениями.

Я решил откладывать часть в развитие.
Послушав видео от Роберта Кийосаки (американский бизнесмен), мол трать 20% своего бюджета на развитие.

И вот через 3-4 мес обучения, попыткам выучить языки программирования и попыткам понять это словосочетание "интернет магазин", я дошёл до прекрасного. (потратил на поиски я около 20 000 виксы и прочие)

Opencart, популярный аналог Битрикса за бесплатно. Звучит интересно подумал Я и начал изучать.

Нашёл форум посвящённый опенкарту по простейшему запросу " форум опенкарт"
Продолжив изучать, я сразу понял, что это и есть то, что нужно.

1) Бесплатный движок.
2) Низкие цены на модули
3) относительно недорогая цена на программистов, хотя там и бесплатно помогут, ведь огромное сообщество же)

Создал сайт потратив 10 000 рублей.
Поработал над ним месяц, читал учился и так далее. Я получил первый заказ. На 4000 рублей

Хм, подумал я, работаю на работе у дяди и получается с такими вложениями я как то угадал с тематикой.

Сайту буквально 2 мес. Я только вот вот его включил вчера и бац заказ.

Пока радостный ехал с работы, что все получилось, поужинал и решил проверить, как там мое творение. Моему удивлению не было конца. Общее сумма пока я ехал домой и поел 2 часа. А заказов пришло на 20 000.
Посчитал прибыль, вышло где то 2 тыс ( да маржинальность была не большой)

К этому моменту у меня не было ещё ИП.
Я взял у начальства попробовать. И вошёл на рынок яндекс маркета. В этот день
А то найдутся люди, которые попробуют рассказать, что это фантастика))

Далее пошло по меньше но по нарастающей
И в мес удавалось заработать до 50к ( первые 2 мес)

На 3 месяц мой младший брат ушёл с работы и я его подкупил работать со мной. Мол я работаю там где работаю и ты сидишь дома работаешь 70/30

Потихоньку прибыль росла и мы дошли к 6 месяцу до 100 тыс прибыли. Пилили на двоих и по 50 каждому, не плохо. Но и работы валом из за демпинга да и работать дома не айс. Носить коробки, отвечать на тучу звонков.

Я понял, что пришло время чуть поднять цены и увеличивать ассортимент. Было где то 2000 товаров, стало 4000. Наши продажи. Поднял не сильно процентов на 5.

Далее наша прибыль увеличилась и я понял, что трачу время на работу (работая 6/1 и частенько 7/0)
Вот если это время тратить на развитие проекта, то можно зарабатывать больше.

Мои ожидания после ухода не оправдались. Мы много работали а прибыль росла медленно или падала.

Собрав сумму достаточную для открытия магазина (пункта пвз или офиса), я решил все же попытаться.

В тот момент мы работали на усн 6% (которые на самом деле не 6 а 7%, но не суть.
Клиенты были в 30% случаях юр лица.
Всю бухгалтерию (если ее так можно назвать) я делал сам в контур эльбе. Тем более там год бесплатный для новых предпринимателей.
Расчётный счёт мы открыли в точка банке.
Связал их через обновления и вуаля автоматизация. Тут и стало понятно,, что автоматизация это главное))

Для бизнеса потребовалось по мимо площади:

- взять в кредит новую машину, выбор пал на киа сид 2019 модели (взяв её в ноябре 2018) это была новая модель под 10%. Цена 1.300 000.
На 4 года и того отдать 1700 000.
В тот момент я был уверен как никогда, что все получится))

Платёж был весьма серьёзный 37500 в мес.
Купили столы, принтеры по 10к, телевизор в кредит, компьютеры были по этому взяли свои.
И начали работу, прибыль была не большой. Тысяч по 50-70 за вычетом расходов.
И тут наступает интересно, брат решает выйти и не мучать себя работой. Вставать лень с утра и прочее. Я остаюсь один и вынуждено сьезжаю в сьемную квартиру. По времени это ноябрь 2019.

Я понимаю, что рассказывать и обучать кого либо у меня нет ни времени ни желания и я сократил ассортимент до узкой направленности и начал развивать её.

После нового года был сильный спад я уже планировал даже закрываться и в февралю все наладилось. Зарабатывал так же 50-70тыс но уже с оплатой квартиры, машины, еды и прочих расходов (кстате в тот момент уже оформил патент 200 тыс в год)

В феврале подключил экваринг, онлайн кассу.
Выбрал дрим кассу ф + СБЕР экваринг.
Потратил около 60 000 на подключение и вуаля.

И задался вопросом продвижения.
Но денег было мало и опасно жить без финансовой подушки. Решено было отложить обучение и начать делать магазины на продажу в свободное время.

Цена на пробный магазин была поставлена в 20 000 для знакомых. За 2 недели я сделал сайт и заработал 10 000, особо не мучаясь ибо прошёл по уже известной тропе. (к слову сейчас мои первые клиенты зарабатывают от 200 000 в мес)

Но к апрелю я все же вроде бы понял как работают не только маркеты но и то страшное слово SEO, в котором нету дна для вложений и вообще это то слово, которое слышали многие но толком никто не разбирается. Танцы с бубнами да и только.

К 30 июня по прошествии пандемии (на которой кстате говоря были супер обороты) я посчитал прибыль с магазина и это было чуть больше 500 тыс. Да были большие затраты на машину кредит, жилье, аренду, рекламу и прочее.
Я закрыл кредит за 1.5 года с отметкой где то в 1.5 миллиона и 600 тыс на остальные мелкие + штрафы.

Так же к 1 июля я запустил второй проект где уже всего 10 товаров и вскоре расширили под 30 товаров. Но эти товары уже были в наличии и привезёны из Китая.

Второй магазин за почти месяц принёс мне 20 000 рублей.

С затратами на сам магазин около 40 000.

В данный момент, закупил товара почти на 200 000 с учётом маржинальности 100% и собираюсь покорять вторую ступень:)

Финалочка:

Среднемесячный оборот магазина с 15000 товаров с покупкой у поставщика в момент заказа на сайте (под клиента) составляет 2-3 миллиона.
Из рекламы только маркеты без директов и прочего)
Маржинальность от 10 до 60%
В среднем 20-30%

Второй магазин продал за первый месяц (не полный) 53 тыс продаж и 27 тыс прибыли.

Заняв 50% ключей в топ 10 из 50 продвигаемых.
В яндексе, гугл молчит :) только лишь 5% слов в топ 10.

Что хотелось бы пожелать людям, которые хотят попробовать и имеют желание начать?
Пробуйте :) все это не так сложно, достаточно иметь терпение и действовать. Делать, пробывать и конечно ошибаться, без ошибок и неудач не бывает успеха.

Постараюсь поддерживать тему и отвечать на комментарии и вопросы.
p.s. Рассказ был весьма сжат дабы люди не посчитали, что это реклама. На вопросы отвечу в комментариях))

Успехов всем и начните уже действовать :)

Показать полностью
15

Тепловая карта населения по России

Доброго времени суток. Сделали небольшой бесплатный сервис "Тепловая карта населения" по России. Основываясь на открытых данных мы смогли спроецировать это на карту и показать какие районы городов заселены гуще (где выше плотность жилого фонда). Также можно высчитать примерный трафик при открытии своей точки ритейла (задав радиус обслуживания)


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


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

Показать полностью 2
5

Brainer - игрушка, которую я написал на движке Phaser 3

Доброго времени суток! На протяжении 3 последних месяцев работал над логической головоломкой. Недавно опубликовал её в Центре приложений Facebook. Ниже есть ссылка на игру в Facebook, и видео игрового процесса. Буду рад любым отзывам! Заранее, спасибо!

Линк на игру: https://apps.facebook.com/brainer

Новый коммуникационный сервис You-Maps.com

Приветствую!


Для начала я хочу извиниться перед своими подписчиками за продолжительное отсутствие новых постов по очень простой причине: вначале я искал новую работу и это отнимало много сил и времени, а потом вернулся к работе над своим старым проектом, который я задумал еще в 2015 году - https://you-maps.com/ и именно об этом проекте будет этот самый пост.


Идея

Примерно 5 лет назад я задумался о некой проблеме: отсутствии такого глобального коммуникационного сервиса, в котором это самое общение будет привязано к местности.


Например: хотите вы найти какую-либо распродажу, снять квартиру, обсудить какое-либо местное событие с вашими соседями, найти meetup,  провести виртуальный митинг, концерт, музей, обсудить ужасную пробку в которую вы попали..... да все угодно - для всего этого вам надо использовать разнообразные сервисы (часто неудобные), гуглить какие-то сайты, и прочее прочее.


Я решил как раз сделать вот такой сервис, который может решить все эти потребности и при этом будет содержать только актуальную информацию.


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


Как это выглядит


Главная страница с сообщениями

При клике на сообщение справа выезжает боковая панель с подробной информацией:

На панели сообщения можно: посмотреть фотографии, описание, теги, поделиться ссылкой в соц сетях и оставить комментарий:

Допустим, вы нашли какое-то событие и хотите приехать на эту точку - для этого есть кнопка которая открывает эту точку на Гугл Картах:

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

После этого нажать на кнопку добавления нового сообщения в нижней правой части экрана и создать сообщение:

Также вы можете создать закрытое сообщение, которое будет доступно по ссылке, но все также удалиться через 24 часа при отсутствии активности.

На данный момент, в тестовом виде есть ограничение на размер загружаемых фотографий в 12 МБ и количестве 10 штук на сообщение.


Фильтрация


Работает первая версия фильтрации сообщений на карте по тегам. В дальнейшем добавлю поиск по имени пользователя.

Также интерфейс поддерживает мобильные устройства с одним небольшим отличием - панель сообщения занимает все окно:

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


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


Этот проект очень важен для меня, поэтому я буду крайне благодарен за любой фидбек в виде замечаний, пожеланий, баг-репортов и прочего-прочего в комментариях, а также и на почту: support [ at ] you-maps.com



Всем спасибо!

Показать полностью 9
10

Text Layout Tools или смена раскладки текста на Android

Ghbdtn, Gbrf,e!

Т.е. Привет, Пикабу!


Не буду лукавить, говоря, что никогда не печатал подобную кракозябру.

На Windows, Mac и Linux можно найти сразу несколько программ для исправления раскладки текста, но вот поиск по запросу «Punto switcher для Android» выдаёт неутешительные результаты, что таких не имеется.


Конечно, с отказом от физических кнопок проблема кажется неактуальной, но немало людей пользуются планшетами с клавиатурой. А ещё есть BlackBerry с их клавиатурниками:

И вот тут возникает трудность, что нет понимания, на каком языке сейчас печатаешь, пока не начнёшь печатать. В Windows есть значок в трее РУС/ENG, в то время как Android заставляет пользователей гадать или напрягать память.


В какой-то момент мне это надоело, и я начал поэтапное освоение возможностей андроида с целью хоть как-то исправить ситуацию. Так появилась программа Text Layout Tools.



Функционал:

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

Т.е. вы печатаете слово; если оно набрано в неверной раскладке, оно автоматически исправится. Иногда бывают неточности, и тогда замена не происходит. Принудительно сменить раскладку последнего набранного слова можно комбинацией Ctrl+Q.



Настройки:

Теперь хотелось бы остановиться на настройках, которые влияют на правильную работу на конкретном устройстве. Таких немного, но от них многое зависит:


1. Язык ввода

Метод ввода задаёт соответствие между русскими и английскими символами. Так программа понимает, что «й» - это «q», а «и» - это «b».

-  Йцукен, translit и qwertz – варианты для телефонов BlackBerry (в зависимости от вашего предпочтения раскладки).

-  USB-клавиатура – для планшетов.


2. Быстрая клавиша

Клавишу Ctrl нужно назначить на ту кнопку, которая выполняет роль Ctrl на клавиатуре.

CTRL (USB-клавиатура) – соответственно для внешних клавиатур.

Остальные варианты обусловлены тем, что на телефонах KeyOne и Key2 можно переназначать кнопку Ctrl.



Вот и всё!

Можно печатать (не забудьте при этом разрешить работу сервису Text Layout Tools).

Остальные настройки позволяют подстроить поведение под себя. Например:

• Сменить Ctrl+Q на другое сочетание,

• Задать список слов-исключений, которые не будут переводиться в другую раскладку,

• Изменить звуковой сигнал при переключении языка,

• Включить индикацию текущего языка в трее и в любом месте экрана (работает не у всех. В идеале нужно приложение-клавиатура BlackBerry из Play маркета),

• И многие другие.



Заключение:

Уместно будет посмотреть на работу программы вживую.

Видео вертикальное, так как записывал с телефона. Можно без звука, но с ним картина полнее.

Индикаторы-флаги показывают текущий язык в трее и внизу экрана. Их поведение также настраивается.

В будущем планирую сделать мастер настройки при первом запуске.

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


К сожалению, не всегда раскладка определяется верно, и не на всех устройствах индикатор показывает выбранный язык. Но программа развивается, баги исправляются, а новые идеи реализуются, добавляя баги и тем самым замыкая круг.



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

Программу я делал для себя и не отрицаю, что есть спорные моменты. Делюсь и буду рад, если кто-то сбережёт себе немного нервов и времени при наборе текста.


Ссылка на исходный код: https://github.com/MKrupskiy/TextLayoutTools

Скачать можно тут: http://4pda.ru/forum/index.php?showtopic=965434


P.S. Приложение отслеживает ввод для замены текста. Введенный текст остается только в приложении, ни на какие сервера не отправляется. При анализе текста для определения языка используются локальные словари. Если сомневаетесь, не включайте сервис.

Показать полностью 5 1
5

Разработка игры на phaserjs - 3: hello world

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


Для начала переходим в папку с нашим проектом:

и запустим наш проект:

после запуска вы должны увидеть:

если возникли какие то ошибки то пишите в комментарии попробуем их решить совместно.

Добавляем новые ресурсы

В файле index.ts находим блок кода:

и заменяем его на:

в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.


Теперь давайте разберем что именно мы сделали:

- добавлено 3 новых изображения в наш проект;

- сделали вывод заднего фона на холст;

- добавлен обработчик который будет управлять физикой выбранного нами объекта;

- указали скорость перемещения объекта;

- задали параметры "отскакивания объекта";

- задали границы поля;

Если вы все сделали правильно то в браузере должны увидеть:

Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.

Показать полностью 7
8

Разработка игры на phaserjs - 3: hello world

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

Для начала переходим в папку с нашим проектом:

и запустим наш проект:

после запуска вы должны увидеть:

если возникли какие то ошибки то пишите в комментарии попробуем их решить совместно.

Добавляем новые ресурсы

В файле index.ts находим блок кода:

и заменяем его на:

в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.

Теперь давайте разберем что именно мы сделали:

- добавлено 3 новых изображения в наш проект;

- сделали вывод заднего фона на холст;

- добавлен обработчик который будет управлять физикой выбранного нами объекта;

- указали скорость перемещения объекта;

- задали параметры "отскакивания объекта";

- задали границы поля;


Если вы все сделали правильно то в браузере должны увидеть:

Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.

Если это что-то более сложное, напишите об этом в комменты, и я сделаю все возможное, чтобы помочь.

Показать полностью 7
Отличная работа, все прочитано!