Medium - это американская платформа для онлайн-публикаций, или Medium - это эксклюзивные блоги или издатели на Medium, которые регулярно рассматриваются как ведущие блогов.

Этот веб-сайт является клоном Medium.com, это платформа, на которой человек может писать и вести профессиональный блог, и любой пользователь заходит на мой веб-сайт-клон, затем он может войти в систему по своей электронной почте, а после входа в систему он может написать блог и он также получает возможность читать блоги, написанные другими, и он также может вести свой блог, его блог виден всем пользователям.

В Школе масаи есть целая неделя под названием Неделя создания, на которой всем ученикам дается задание клонировать веб-сайт, и эта задача выполняется командой из трех-четырех человек, поэтому я здесь, чтобы поделиться с вами этим опытом. ребята, как я и члены моей команды клонировали сайт Medium всего за 5 дней.

Мы уверены: «Всегда есть шанс на улучшение». Поэтому наша команда пытается не только клонировать веб-сайт, но и добавить некоторые дополнительные функции, чтобы сделать его более удобным для пользователя.

Наши повестки дня

  1. Разбиваем всю работу на мельчайшие части в соответствии с нашей сильной зоной.
  2. Установка крайнего срока для каждого индивидуально.
  3. Просмотрите код, если кто-то не может выделить деталь.
  4. Регулярные коммиты в GitHub и 2 раза встают, чтобы все соответственно обновились.
  5. Если на исходном веб-сайте обнаружены какие-то недоработки, постарайтесь также их исправить.

Используемые технологии

  • Для интерфейса мы использовали HTML-5, CSS-3, Javascript и React.
  • Для базы данных мы использовали MongoDB.
  • Для бэкенда мы использовали библиотеки Node.js и Express.js.
  • А еще мы используем Bootstrap и Material UI для проектирования и верстки.

Инструменты

  • VS Code для написания кода.
  • Github будет использоваться для контроля версий.

Другие источники

  1. Шрифт Google - https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap
  2. Иконки - Плоские иконки, Существительные проекты, Font awesome.
  3. Изображения - Unsplash

Инструменты для общения

  • Slack для общения.
  • Zoom для выставочной работы.

Несколько скриншотов нашего проекта

  • Это домашняя страница нашего клонированного веб-сайта.

  • Это страница входа на наш клонированный веб-сайт.

  • Это наша история клонированного веб-сайта.

  • Это страница записи нашего клонированного веб-сайта.

  • Это страница членства на нашем клонированном веб-сайте.

  • Это домашняя страница после входа на наш клонированный веб-сайт.

  • Это страница истории нашего клонированного веб-сайта.

  • Это сохраненная страница блога нашего клонированного веб-сайта.

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

проблемы для создания этого веб-сайта

  1. Исходный веб-сайт не был построен на платформе React, из-за чего мы не имели представления, сколько компонентов должно быть разбито на весь веб-сайт, но нас учили в школе Масаи, поэтому особых проблем не возникло, и мы разбили его на компоненты. по нашему собственному.
  2. Самая большая проблема, с которой мы столкнулись, заключалась в том, чтобы соединить бэкэнд-сервер и внешний сервер вместе, что мы делали впервые, но нам это удалось, и мы успешно соединили обе службы.
  3. Мы получили макет всего веб-сайта в виде файла Figma от наших коллег-дизайнеров, который нам пришлось клонировать, поэтому при использовании файла Figma возникла некоторая проблема, но с помощью коллег-дизайнеров мы успешно завершили его.
  4. Эти испытания улучшают наши способности быть хорошими командными игроками, и, наконец, мы вместе решили все проблемы и сделали наш идеальный проект.

Члены команды и участники

  • Следуя хорошо структурированному пути, все мы успешно выполнили взятые на себя обязательства раньше положенного срока. Члены команды MEDIUM:

1. Асутош Бехера

Github: asutoshb

2. Навин Кумар

Github: Naveenverma440

Вывод

  • Я хотел бы поблагодарить всех членов моей команды, Асутоша Бехеру и Навина Кумара за их вклад.
  • Я очень рад, что завершил этот проект раньше срока, хорошо разбирался в Reject Framework и Figma File и получил ценный опыт.
  • Я очень горжусь тем, что у меня есть такие трудолюбивые члены команды, а также мне очень повезло, что я стал частью школы масаи, благодаря которой я получил опыт клонирования такого замечательного веб-сайта.
  • Спасибо, что прочитали…