Прежде чем я начну писать в своем блоге о клоне Hindustan Times, от имени членов моей команды я хотел бы поблагодарить школу Масаи за еще одну прекрасную возможность и отличную платформу для улучшения наших навыков кодирования.
На английском языке есть пословица, которая гласит: «Собираться вместе — это начало, оставаться вместе — это прогресс, а вместе работать — это успех»,поэтомуэто был наш второй командный проект, и мы снова многому научились друг у друга и научились работать над проектом в команде. Это был отличный опыт работы в команде, и какую бы мелочь мы ни делали, мы старались изо всех сил.
Детали проекта:-
Нам пришлось сделать копию Hindustan Times. Hindustan Times — индийская ежедневная газета на английском языке, основанная в 1924 году Сандером Сингхом Лайаллпури, основателем и отцом движения Акали и Широмани Акали Дал в провинции Пенджаб. Мы постарались сделать все возможное, чтобы клонировать копию веб-сайта.
Наш проект твердо стоит на трех китах:
- HTML-(Язык гипертекстовой разметки (HTML[используется 29%]) – это язык разметки, который позволяет нам структурировать отображаемую информацию. Пользователь.)
- CSS — для стилей (каскадные таблицы стилей [используется 9,3%]) — это язык стилей, используемый для описания внешнего вида HTML-элементов. Его можно использовать для управления такими аспектами, как расположение элемента, его размеры, стиль текста или цвета, или почти любым другим визуальным аспектом веб-сайта.
- JavaScript — для логики и взаимодействий[61,7%used].Это позволяет нам добавлять на ваши веб-сайты настраиваемое поведение, например реагировать на пользовательские события. , загрузка данных из веб-сервисов и отображение или скрытие элементов на странице.
Некоторые взгляды и скриншоты нашего сайта: -
Целевая страница: нажав нассылкуhttps://www.hindustantimes.com/, мы перейдем на показанной ниже странице:
Страница входа и регистрации. Чтобы получить доступ к какому-либо конкретному веб-сайту, вам нужна страница регистрации и входа, на которой вы можете войти с помощью Google, Facebook, Apple или номера мобильного телефона. Ниже представлена страница входа:
Действительная страница одноразового пароля. Если вы регистрируетесь с помощью номера мобильного телефона, вам необходимо ввести свой номер и предоставить одноразовый пароль, отправленный на ваш номер для успешной регистрации. Ниже приведена действующая страница OTP:
Создайте страницу с паролем. После успешной регистрации через Google, Facebook или Apple вам необходимо выбрать свой пароль, чтобы взлом вашей учетной записи был невозможен. Ниже приведена страница создания пароля:
Страница успешно зарегистрирована:после создания пароля для вашей учетной записи вы будете перенаправлены на страницу успешной регистрации, как показано ниже:
Страница «Моя учетная запись»: после успешной регистрации у вас будет собственная учетная запись, в которой у вас будет множество опций, таких как «Редактировать профиль», «Подписаться сейчас», «Сохраненные статьи», «Подписки», «Мои чтения», «Выйти», как показано ниже:
Заголовок страницы. Заголовок веб-сайта – это верхняя часть веб-страницы. Задача шапки — дать пользователям ответы на основные вопросы: какой бренд представлен, какие товары и услуги предлагаются, как связаться с сотрудниками компании, есть ли действующие акции и так далее, как показано ниже:
Нижний колонтитул.Нижний колонтитул веб-сайта — это область, расположенная в нижней части каждой страницы веб-сайта, под основным содержанием. Содержимое нижнего колонтитула чаще всего содержит техническую информацию. Сюда входит информация об авторских правах на веб-сайт, имя автора веб-сайта, название компании и адрес, если применимо, а также дата последнего обновления. Некоторые нижние колонтитулы веб-страниц содержат ссылки на другие страницы веб-сайта, ссылку электронной почты или ссылку RSS. Ниже страница нижнего колонтитула:
Страница поиска. Здесь есть панель поиска, где вы можете искать различные новости штата, как показано ниже:
Страница сведений о новостях: здесь вы можете просматривать разные новости из разных штатов, как показано на изображении ниже:
Сохраненная страница: здесь вы можете сохранить новости для дальнейшего использования, как показано на изображении ниже:
Страница подписки: здесь вы получаете неограниченный доступ к премиальным статьям, сводите к минимуму отвлекающие факторы с помощью Ad-lite, получаете доступ к электронной бумаге и архивам, а после этого вы получаете 14-дневную бесплатную пробную версию. можно купить подписку на 1 год, полгода или квартал, и вы можете просмотреть часто задаваемые вопросы. Ниже приведена страница подписки:
Страницы оплаты. Если вы заинтересованы в покупке какого-либо продукта, вы можете выбрать способы оплаты, а затем ввести данные, как показано ниже:
Члены нашей команды и их вклад:
- Мох Шахрукх Кхан (главный руководитель): Мой вклад в проект заключался в разработке главной страницы, электронной страницы, страницы поиска, панели навигации и всех страниц новостей, таких как мировые новости, последние новости, сохраненные новости и т. д. гамбургер функциональность и большая часть серверной части с использованием JS. Обеспечение того, чтобы каждый член команды участвовал в собраниях и вовремя сдавал порученную работу.
- Вивек Раджпут: Мне поручили разработать страницу одноразового пароля, страницу пароля и страницу электронной почты, а также помочь руководителю в устранении любых препятствий.
- Амандип Каур: Мне поручили разработать страницу подписки и одновременно помочь нуждающимся участникам.
- Гаган Патил: Мне поручили разработать страницу оплаты и нижний колонтитул. Также помогал в поиске и реализации новых идей.
- Вишал Сингх: Моей задачей было разработать страницу входа и регистрации. Гарантировано, чтобы помочь каждому члену команды в этом нуждается.
Дизайн веб-сайта впервые с использованием минимальных знаний о технологиях был намного более захватывающим. Уложиться в 7 дней было непросто. Но мы должны быть уязвимы перед вызовами, это первый шаг к успеху. Итак, благодаря искренним усилиям и самоотверженности членов нашей команды мы добились своего. Это была отличная возможность учиться для всех нас. Надеюсь поработать над более удивительными проектами в ближайшем будущем.
Ниже приведена ссылка на репозиторий git-hub и ссылка Netlify на случай, если вы захотите посетить нашу страницу.
Ссылка на репозиторий Git-hub:
Платформа, используемая для связи:
Мы использовали Git Hub для совместной удаленной работы над этим проектом. Для связи мы использовали slack, WhatsApp и zoom.
Нам очень понравилось. Мы научились работать в команде и с нетерпением ждем возможности столкнуться с такими проблемами в будущем.
