Прошел еще один успешный месяц для нас, учеников @Школы Масаи. И вы знаете, что приходит после месяца тяжелой работы и тренировок — да, это неделя сборки! На этот раз перед нами стояла захватывающая задача создать практически идеальный пиксельный клон сайта — clockify.com.
В настоящее время мы закончили двухмесячную школу @Masai School, где мы глубже изучили основные концепции Javascript, HTML и CSS. С этими недавно приобретенными навыками и знаниями пришло время проверить их.
Во-первых, все ученики @Школы Масаи были разделены на команды из 3 человек, и каждой команде был дан уникальный проект, т.е. клонировать конкретный веб-сайт всего за 4 дня время. Меня включили в команду Hydrogen, состоящую из трудолюбивых и преданных своему делу участников — Акшай Кадам и Павитра. Таким образом, перед нами втроем была поставлена задача создать практически идеальный клон веб-сайта clockify.com.
Главной задачей на этот раз было не просто создать статичную домашнюю страницу, как нас просили в нашем первом проекте, а включить некоторые ее функции. Это была основная проблема, с которой мы столкнулись при работе над этим проектом. Поэтому мы разделили весь проект на части и распределили их по каждому из нас в соответствии с нашим уровнем комфорта (части, в которых мы были уверены, что сможем выполнить).
Всего за один день нам удалось создать домашнюю страницу, страницу входа и страницу регистрации веб-сайта. Мало того, нам удалось сделать его мобильным, а также добавить функциональные возможности, например, пользователь должен ввести действительный адрес электронной почты и пароль, чтобы зарегистрироваться на веб-сайте. Это были серьезные усилия со стороны всех нас, и это показало, что мы все были одинаково увлечены и преданы делу создания и завершения проекта. А вот и их снимки -
Затем пришло время сосредоточиться на основной задаче — создании основных функций веб-сайта. После долгих размышлений и обсуждений, какие функции мы должны внедрить, мы, наконец, решили работать над тремя основными функциями — Timesheet, Timetracker и Dashboard.
Итак, позвольте мне объяснить, что именно делают все эти страницы.
Табель учета рабочего времени. На этой странице пользователю обычно задают вопрос, над каким проектом он работает. Пользователь должен ввести название проекта, и ему предоставляется полная недельная диаграмма, где он должен указать количество часов работы, которые он собирается отработать в этот конкретный день. Таким образом, рабочие часы каждого дня подсчитываются и суммируются, и это отображается в общем количестве часов, потраченных на проект за эту неделю.
Таймтрекер. Эта страница в основном принимает все входные данные, введенные пользователем на странице расписания, и делит их на каждый день и количество часов, затраченных пользователем на выполнение некоторой работы, а также описание работы. Пользователь также может удалить работу за день.
Информационная панель. На этой странице в основном представлены все данные, собранные со страницы Timetracker и Timesheet, и они отображаются в графическом формате. Он также показывает пользователю, в какой конкретный день недели он работал больше всего и меньше всего.
Это были основные страницы, которые наша команда смогла построить за оставшиеся 3 дня. Эти страницы было сложно создать, но наша команда никогда не сдавалась и продолжала работать над их завершением.
Наш проект, наконец, был завершен благодаря всей тяжелой работе, проделанной всеми участниками. Это, безусловно, было бы невозможно без них. И последнее, но не менее важное: я хотел бы поблагодарить всех членов школы масаи за предоставленную нам возможность поработать над этим удивительным проектом и за всю их поддержку, которая позволила нам завершить этот проект.
