Привет, меня зовут Акшай, прежде чем мы углубимся в историю, позвольте мне пролить свет на мою предысторию. Я начинающий веб-разработчик полного стека и учусь в Школе масаи. Это школа повышения квалификации, где любой, кто потерял 12 баллов, может стать веб-разработчиком полного стека.
Для получения дополнительной информации перейдите по ссылке ниже
В рамках учебной программы здесь, в Школе Масаи, мы должны были создать проект, работая в команде из трех человек. Мы только что закончили наш модуль два, и все они загружены концепциями HTML, CSS, Javascript ES6 и DOM в нашем арсенале.
Команда Водород
Наша команда называлась Hydrogen и состояла из Павитры, Сухаиба и меня. До этого мы никогда не разговаривали друг с другом даже после того, как были в одной когорте, то есть в Титанах. Так что мы понятия не имели о сильных и слабых сторонах друг друга. Мы очень хорошо поладили с первых минут знакомства на Zoom. А теперь пришло время проанализировать постановку задачи.
Постановка проблемы
Постановка задачи, которую нам дали, заключалась в создании клона веб-сайта Clockify, а также рабочего клона их веб-приложения.
Подход
Наш подход был прост: проанализировать исходный веб-сайт и веб-приложение, выбрать несколько страниц и функций, которые мы хотели реализовать в клоне, поскольку на создание приложения у нас было всего 3 дня.
Первоначальный Clockify загружен многочисленными функциями и функциями, поэтому нам было трудно выбрать несколько функций, и нам нужно было решить, какие функции мы можем создать, честно говоря, мы сделали выбрать несколько функций, которые нам понравились, но мы понятия не имели, как их закодировать, но, в конце концов, мы поняли это и смогли построить и реализовать их все.
Поскольку мы понятия не имели о сильных сторонах друг друга, мы позволили друг другу выбрать те части веб-сайта, которые мы хотели создать. Вместо того, чтобы разделить задачу поровну, мы разделили ее поровну.
Кредит технологий и ресурсов
Стопка
- HTML
- CSS
- Javascript
Кредит ресурсов
- Картинки и иконки — Clockify
- Иконки — Fontawesome
- Ссылки — MDN, W3Schools
Хронология
Результат
В итоге мы создали веб-сайт примерно из 6 статических страниц и веб-приложение со следующими функциями.
- Приложение, которое не хранит никаких пользовательских данных в облаке, поскольку у него нет серверной части, но оно хранит данные в локальном хранилище вашего браузера, и вы и только вы можете получить доступ к своим данным в любое время, а также удалить их по своему желанию.
- Приложение со встроенным секундомером, отслеживающим время, которое вы тратите на конкретный проект.
- Он позволяет вам добавлять название проекта и описание проекта, а также редактировать записанное время по вашему усмотрению.
- Позвольте вам добавить несколько проектов и отслеживать их соответствующим образом.
- Давайте вы удалите день проекта, и это также будет выполнено в расписании.
- Предположим, вы хотите добавить несколько записей времени для проекта, вы можете перейти к расписанию, и оно позволит вам добавить сразу несколько значений времени, а также суммировать время.
- Какой бы проект и тайминги вы ни добавили сюда, они также будут отображаться в тайм-трекере, и если вы удалите экземпляр проекта в тайм-трекере, это также будет отражено здесь, в расписании.
- Панель инструментов для анализа рабочих данных за неделю и получения информации о вашей продуктивности.
- Не любите гистограммы? вы можете выбрать один из 4 дополнительных параметров на панели инструментов, чтобы визуализировать свои данные, а затем проанализировать их.
- В правом поле вы получите общее время, отработанное за неделю, и среднее значение времени, а также некоторые сведения, например, на какой неделе вы работали больше всего и сколько времени вы работали.
- Если вы выбираете проект на панели фильтров, вы получаете визуализации для конкретных проектов, а в разделах отчета вы получаете информацию о том, в какой день вы работали больше всего и над чем вы работали, если описание предоставлено в разделе тайм-трекер.
- Вы можете вернуться через несколько дней, и ваши данные останутся нетронутыми, поскольку они хранятся в вашем локальном хранилище.
Выводы
- Эффективное общение в команде приводит к успешным проектам.
- Не всегда оставайтесь в своей зоне комфорта, чтобы узнать что-то новое, нужно выйти из своей зоны комфорта и попробовать что-то новое.
- Всегда делите работу на основе равенства, поскольку разные люди хороши в разных вещах.
- Новые задачи всегда приносят новые возможности для обучения, независимо от того, потерпели ли вы неудачу или преуспели в выполнении задачи.
Хотите посетить клон, который мы построили? Нажмите на ссылку ниже
Нажмите на страницу регистрации в правом верхнем углу -› заполните форму регистрации (это фиктивная страница, нужно просто заполнить поля, чтобы получить доступ к панели управления)-› и вы окажетесь на панели управления
Хотите посетить репозиторий кода? Нажмите на ссылку ниже