/cloudy-thing-7898

Its an e-commerse website of E-shopping Mart. Here you can buy all the product which will use in day to day life.

Primary LanguageHTML

cloudy-thing-7898

Contributor

Prashant Kad
Rajneesh Yadav
Tejas Pawar
Saloni Kumari
Kaushal Pathak

detailed information about our project

  • Logo

    6ADzGqBfwo
  • sign In & sign Up

  • sign up -- in this the mobile number should be given and the password should be given and other information as well should be filled, or it will pop an error alert.
  • sign in -- in this the user have to put the right email and the correct password to log in navbar. Only those user can sign in which are successfully sign up otherwise gives error. and a logout button if user click on logout it will be logged out.
  • 6zJkQkLN5u

    Navbar and home page

  • navbar -- Created with the unordered list with hover function.
  • When hover on text of navbar ordered list is accessible. So that easy to interface.
  • home page --In Homepage, Images are added and style with help of display grid property. Buttons are given on top of image with the help of Position sticky and absolute, while clicking on button you will be landing on the product pages.
  • 8DkstgzUDc

    Products Page

  • image change and colour -- while some of the products chane their image on hovering. and you can see the avalible colours in the bottom of the product.
  • sort -- This functionality is added to help the user to sort item of their own choice and i have used javascript to achieve this.
  • filter -- This functionality will help the user to filter item on the basis of size,price etc so that the user can get a good idea of thier product.
  • 9RdXQqap1p

    add to cart Page

  • Quantity update -- on clicking on button you will be able to increase the quantity of product
  • add to cart page --Fetching product image name and price from each product page using javascript
  • ADD TO BASKET-- button on clicking on it each item gets added to cart this functionality is added using addevenlistener
  • c9t4lFyEXh

    Footer

  • footer -- so we have created a user friendly footer so you can go to contact us and our storys and you can connect to us by our networks.
  • 4ZT3jy0zbx

    cart page

  • cart page -- in cart page we can increese the quantity of the product and acording to the quantity price will increese and if the cart have more then two items you can see the price of each and the total will be shown outside in chekout box with all the total. (note -- if you are not logged in then the adding in cart will not work.)
  • mGQ8cEafok

    Admin Page

  • Admin page -- Here you will be able to see all the information about users, admins and all the data of the website
  • WE2l4a7rCq