Здравствуйте, читатели, это Абхишек, приветствую вас в новом посте. Сегодня я расскажу о нашем третьем командном проекте в Школе Масаи, который является продолжением нашего второго проекта, то есть клоном сайт Theory.com. Итак, в этом проекте мы поработали над серверной частью, а также добавили некоторые новые функции на стороне внешнего интерфейса нашего предыдущего проекта-клона Theory.com всего за 6 дней в рамках нашей учебной программы. Оценка проекта энергоблока-4. Этот блог посвящен тому, что мы использовали? как мы это сделали? с какими проблемами мы столкнулись? и каковы были наши ключевые уроки?
Ссылка на репозиторий GitHub: https://github.com/shuklabhisekh/Backened_Of_Theory_Clone
Ссылка на развернутый проект:http://ec2-13-127-17-86.ap-south-1.compute.amazonaws.com:5000/
Используемая технология: EJS, CSS, JavaScript, MongoDB, Express, NodeJS.
Новые функции: аутентификация, подтверждение входа, функция поиска, интеграция платежей, подтверждение заказа.
Члены команды: Шилпа, Ашик, Викрам, Санкет, Абхишек
ВЗГЛЯД НА ПРОЕКТ —
Theory – это нью-йоркский бренд современной модной одежды для мужчин и женщин, который продает одежду и аксессуары. В настоящее время бренд имеет 221 розничную торговую точку, а глобальные продажи в 2014 году приблизились к 1 миллиарду долларов. Штаб-квартира компании и флагманский бутик расположены в районе Митпэкинг на Манхэттене.
- Главная страница:
Это домашняя страница нашего веб-сайта, где пользователи сначала попадают и переходят к другим страницам, на панели навигации, которая присутствует на всех страницах, пользователь может создать учетную запись, если он / она новый пользователь на этом веб-сайте, нажав на кнопку Войти.
- Страница входа/входа:
Вот так будет выглядеть страница регистрации/входа. Пользователи могут создать учетную запись, если они являются новым пользователем, заполнив данные для создания учетной записи, или, если у пользователя уже была учетная запись, он или она могут войти в систему, выполнив вход.
Когда новый пользователь зарегистрируется, он/она получит OTP на свой зарегистрированный адрес электронной почты. После заполнения OTP в нужном поле OTP. Пользователь попадет на страницу входа, откуда он сможет войти и перейти дальше на домашнюю страницу.
Когда пользователь войдет в систему с учетными данными администратора, он попадет на страницу администратора. На странице администратора пользователь может проверить сведения обо всех продуктах и добавить, обновить или удалить продукт в соответствии с требованиями. При нажатии кнопки выхода на странице администратора он попадет на домашнюю страницу.
- Страница женской, мужской одежды и аксессуаров :
В навигационной панели домашней страницы, если пользователь нажмет на «Женщины», он / она попадет на эту женскую страницу. Где пользователь может купить все доступные женские товары, такие как брюки, куртки, свитера и многие другие. Вы также можете отсортировать продукт на этой странице от высокого к низкому и от низкого к высокому, нажав кнопку сортировки, которая находится в правом верхнем углу этой страницы.
В навигационной панели домашней страницы, если пользователь нажмет на «Мужчины», он / она попадет на эту мужскую страницу. Где пользователь может купить все доступные мужские товары, такие как брюки, куртки, свитера и другие.
На панели навигации домашней страницы, если пользователь нажмет на «Аксессуары», он/она попадет на эту страницу «Аксессуары». Где пользователь может купить все доступные аксессуары, такие как обувь, ботинки, туфли, балетки и кроссовки, сумки, головные уборы, перчатки и шарфы и другие.
- Страница сведений о продукте:
Это страница сведений о продукте на веб-сайте, на которой отображаются сведения о продуктах, такие как название, цена, цвет, размер и другие сведения. Эта страница появится, когда пользователь нажмет на любой из продуктов на главной странице, мужской странице, женской странице и странице аксессуаров. На этой странице пользователь может добавить товар в корзину, нажав кнопку «Добавить в корзину».
- Страница корзины:
Это страница корзины, на которой пользователь может увидеть все товары, добавленные им в корзину, а также увидеть Общую стоимость корзины в Сводке заказов. Пользователь также может применить Помо-код, если он есть, который даст соответствующую скидку в соответствии с промо-кодом в общей ценесводки заказов. Затем пользователь может перейти на страницу оформления заказа, нажав кнопку ПРОДОЛЖИТЬ ОПЛАТУ.
- Корзина пуста:
Это страница корзины, когда она пуста. Когда пользователь не добавил никаких продуктов в корзину и переходит на страницу корзины, щелкнув значок корзины, который присутствует на панели навигации, это будет выглядеть так.
- Страница оформления заказа:
Это страница оформления заказа, где пользователь может увидеть все детали продукта, который он добавил в корзину, и общую стоимость.
После подтверждения общей цены, когда пользователь будет прокручивать страницу, пользователь увидит эту часть страницы, где пользователь может заполнить свой адрес, куда он / она хочет, чтобы его / ее продукт был доставлен.
После заполнения адреса, когда пользователь будет прокручивать дальше, он / она увидит эту часть страницы оформления заказа, которая является платежной частью. Для завершения процесса оплаты пользователь может нажать ОПЛАТИТЬ И РАЗМЕСТИТЬ ЗАКАЗ, после чего пользователь попадет на страницу оплаты.
- Страница оплаты:
Платежный шлюз — это одна из новых функций, которые мы добавили в наш проект. В качестве платежного шлюза мы использовали платежный шлюз Paytm, где пользователи могут оплачивать сумму различными способами. После успешной оплаты он попадет на страницу подтверждения заказа.
- Страница подтверждения заказа:
Вот как будет выглядеть страница подтверждения заказа, на которой будет отображаться информация о пользователе НОМЕР ЗАКАЗА и НОМЕР ПОДТВЕРЖДЕНИЯ. Пользователь также может распечатать детали заказа, нажав кнопку печати, расположенную внизу страницы.
Пользователю необходимо нажать на кнопку печати, чтобы получить окончательную распечатку деталей заказа.
Пользователь также получит письмо о подтверждении заказа на соответствующий идентификатор электронной почты, который он / она заполнил во время процедуры оформления заказа.
ПРОБЛЕМЫ, С КОТОРЫМИ МЫ СТОЛКНУЛИСЬ:
- Выявление ошибок и реализация функций.
- Напишите читаемый код, чтобы другой человек мог понять, что происходит, и с легкостью помочь в устранении неполадок.
- Выберите, какие функции мы можем реализовать с учетом временных рамок.
- Сотрудничество удаленно через Zoom и четкая коммуникация между товарищами по команде.
КЛЮЧЕВЫЕ ВЫВОДЫ:
- Лучшее понимание аутентификации и авторизации.
- Работайте в команде эффективно и прислушивайтесь к товарищам по команде, чтобы совместная работа была беспрепятственной.
- Лучшее взаимодействие и повторное использование кода.
- Выяснение различных и оптимальных способов достижения функции.
ЗАКЛЮЧЕНИЕ:
Недели сборки в масаи — это не только испытание, но и самая веселая часть путешествия. Вы каждый раз получаете новую команду, знакомитесь с разными типами людей и работаете с ними в тандеме. Но на этот раз у нас была та же команда, и у нас уже была искра, чтобы попасть в финал, так как на прошлой неделе строительства мы вылетели в финале недели строительства. Так что на этот раз с дополнительной мотивацией и вкусом проигрыша в финале каждый участник расширил свои возможности, чтобы завершить работу в заданное время, а также мы добавили некоторые другие дополнительные функции, такие как печать сведений о заказе и страница администратора. Мы успешно клонировали theory.com вместе с серверной частью всего за 6 дней. В целом, это был отличный опыт командной работы и неделя, полная обучения. Хотя на этот раз мы вполне уверены, что наша работа будет говорить громче, чем наши слова, но все же пришлось высказаться, так как мы должны провести презентацию нашего проекта. Скрестим пальцы и ждем результата.
PS:Добавление этой части после объявления результатов. Я очень взволнован🤩 результатами нашей напряженной работы. Наш проект занял 1-е место среди всех пакетов. Прежде чем закончить, я просто хочу воздержаться от слов господина Гури «Хаара вахи хай зиндаги мейн, джисне лада нхи». Так что продолжайте работать и продолжайте учиться.
Большое спасибо за то, что были со мной до сих пор, я встречусь с вами снова в каком-нибудь другом посте, это я, Абхишек, подписываюсь.
