Creating dynamic web pages with HTML, CSS, and basic Javascript.

Nagendra
3 min readSep 11, 2022

--

we creating a pixel-perfect clone of https://www.sewwgi.com/. Previously we did clone of a few webpages.

Here we gave email and password for login and sign-up, Where the user can log in using his/her existing google account.

A dynamic web age is the one that provides custom content for the user based on the results of a search or some other request or in simple words interactive web pages.

After Successfully Signup and login User will redirect on Product Page. where he will see lot of items that are available in website .If user want to buy anything so he can directly click on Add to Cart after this the count of top cart button Increases. Here you can also see there is some Filter Here Rating, Cost: low to high ,high to low, and delivery time if user click on this filter so the product page will sorted according to what filter he used. We stored all the cart data of user in Local Storage.

and here also user add product in cart and remove product on cart

check product ratings also.

and search function also work on this site

we add offer and coupons page

After clicking on Add to cart if you want to buy this item you can buy from cart page you can see here some item are available because i clicked 4 item on add to cart and you can also see the total price of items. And if user want to buy he can click on Add New Address and the form of address will popup.

when user click Add new Address the form will popup where user can fill his details and click on save changes .We used Local Storage in this Website for storing all the data of User.

This page is for payment. User will fill his details properly and after this he put correct details then the popup of payment successfully will come

last and final page are otp page and after feel otp user will redirect on home page and cart will be empty .

Challenges:

  1. Team Coordination.
  2. Merging of codes and connecting one page to another
  3. Communication. (Worked Remotely)
  4. in login and sign-up page

Technology used:

  1. HTML.
  2. CSS.
  3. Javascript.

Team:

--

--