Здравствуйте, читатели! Если вы хотите узнать, как можно укрепить свои знания и навыки в веб-разработке и внедрить недавно изученные технологии, такие как React и Redux, то вы попали в нужное место. Здесь я расскажу вам, как мы отправились в путешествие, путешествие по клонированию веб-сайта THE NEW YORK TIMES. Нет другого лучшего способа закрепить знания или новые технологии, чем работа над проектами, причем в команде.

Давайте начнем

Итак, нас было четыре человека в команде: Ракеш, Локеш, Сурадж и я. Очень важной частью любого проекта является составление плана и построение стратегии, независимо от того, насколько коротким или длинным может быть проект. Наша стратегия заключалась в том, чтобы играть роль в том, в чем мы хороши, и мы также разделили задачи между собой. В первый день мы не сразу приступили к созданию клона, а сначала провели мозговой штурм по этому вопросу. На первом собрании нашей команды мы обсуждали, что мы будем делать? и как мы будем делать? и сколько раз будет встреча команды в день, как этот.

Теперь реальная вещь

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

  • Редукс
  • React-Redux
  • Пользовательский интерфейс материала
  • Редукс Преобразователь
  • Аксиос
  • Стилизованные компоненты
  • Реагировать иконки

API

  • API погоды
  • API поиска New York Times
  • API главных новостей New York Times

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

А теперь скриншоты

Целевая страница

Боковое меню

Мировая страница

Нижний колонтитул

Страница поиска

Страница авторизации

Страница регистрации

Проблемы, с которыми мы столкнулись

Всегда, когда мы работаем над какой-либо новой технологией, очевидно, что мы столкнемся с некоторыми проблемами, так как мы впервые работали над проектом React.

Мы столкнулись с такими проблемами, как:

  • как объединить коды с другим партнером по команде.
  • Предотвращение искажения стиля веб-страниц.
  • Поддержание согласованности хранилища избыточности

Заключение Последнее, но не менее важное

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

Команда