Наша постановка задачи заключается в создании пиксельного клона https://www.urbancompany.com, это была наша первая неделя сборки, и мы создали клон веб-сайта под названием Urban Company.
Введение
Я изучаю полноценную веб-разработку с частичной занятостью в Школе Масаи , в настоящее время в 4-м блоке на прошлой неделе. В течение этой недели школа масаи представляет неделю конструирования (гурп-задача по клонированию веб-сайта за неделю). Члены моей команды: Суканта, Гурукиран, Мухим обнаружили, что нам нужно создать клон веб-сайта с названием городская кампания.
Итак, мы решили встретиться в Zoom, чтобы распределить работу и составить план по клонированию этого сайта. После нескольких часов обсуждения у нас был план для выполнения. мы пытались клонировать сайт urbancampany.com всего за 4 дня.
Urban Company — крупнейшая в Азии онлайн-платформа домашних услуг. Компания Urban Company, основанная в 2014 году, сегодня работает в Индии, Австралии, Сингапуре, США, ОАЭ и Королевстве Саудовская Аравия. Платформа помогает клиентам бронировать надежные и высококачественные услуги — косметические процедуры, массаж, стрижку, уборку дома, услуги разнорабочих, ремонт бытовой техники, покраску, борьбу с вредителями и многое другое — которые удобно предоставляются обученными профессионалами на дому.
Используемый технический стек
HTML, CSS, JavaScript
Наш клонированный сайт на Netlify: - https://chic-cupcake-6488c6.netlify.app/
Домашняя страница
Идеально клонированная домашняя страница с использованием Html и Css для содержимого. Использование сетки CSS и гибкости CSS для управления информацией на веб-странице. Это снимки экрана нашего веб-сайта-клона.
Страница блога
Если вы нажмете кнопку блога на панели навигации на целевой странице, она перенаправит вас на страницу блога.
Страница авторизации
Функция входа и регистрации также включена, и пользователь может создать свою учетную запись.
Страница продукта
На странице продукта есть несколько категорий, таких как упаковка бестселлеров, создание собственной упаковки, восковая эпиляция и многое другое.
Если вы нажмете на категорию, вы увидите отфильтрованный продукт, а под названием продукта вы также увидите рейтинговую скидку, цену, подробности, продолжительность и кнопку «Добавить в корзину».
Если вы нажмете кнопку «Добавить в корзину», товар переместится в корзину. Вам нужно только оплатить товар.
Страница корзины
При нажатии на кнопку просмотра корзины вы перейдете на страницу перед корзиной вместо прямого перенаправления на страницу корзины.
На этой странице пользователь может увидеть другие преимущества наших веб-сайтов и некоторые предполагаемые варианты экономии, если вы выберете членство.
Это последняя страница корзины нашего сайта клонирования, здесь пользователь может показать все добавленные товары. Пользователь также может увеличивать или уменьшать количество продуктов, и сумма автоматически настраивается.
Страница оплаты
Здесь вы можете заплатить картой, просто заполните эту платежную форму и примите OTP.
Члены команды
- Комал Кумар (LinkedIn)
- Суканта
- Гурукиран
- Мохим
