A Mutlipaged responsive E-commerce Website project.
-
About
-
Getting Started
-
Deployment
-
Usage
-
Built Using
-
Color reference
-
Acknowledgements
A multipaged E-commerce website where we can view versatile clothing and accessories, buy them by adding to cart and billing them.
E-Commerce is fast gaining ground as an accepted and used business paradigm. More and more business houses are implementing web sites providing functionality for performing commercial transactions over the web. It is reasonable to say that the process of shopping on the web is becoming common place. The objective of this project is to develop a general- purpose e-commerce store where products like clothes can be bought from the comfort of home through the Internet. However, for implementation purposes, this paper will deal with online shopping for clothes. An online store is a virtual store on the Internet where customers can browse the catalog and select products of interest. The selected items may be collected in a shopping cart. At checkout time, the items in the shopping cart will be presented as an order. At that time, more information will be needed to complete the transaction. Usually, the customer will be asked to fill or select a billing address, a shipping address, a shipping option, and payment information such as credit card number.As soon as the details entered, it mentions Happy shopping board and lets us back to homepage of the Website.
This project is deployed into github by creating a new repository and following the below commands in the Vs code terminal.
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/ManotejPatlolla/Example.git
git push -u origin main
Can be experienced as a flexible shopping website which has several products, genres and paginations etc. The total website is designed using the adorable combination of Purple, grey and black which makes the Site look classy and subjectful.
A user can go through the website by scrolling down to the end. Initially, Elegant site welcomes you with its adorable Homepage. From there, one can view all the offers, categories, special events and many more.
As it is a mutlipaged website, it has several pages which includes all the categories and genres of clothing. Men, Women clothing, Accesories are prioritized in this website. Similar to the home page, ther exists shopping page, Mens and womens page, Events and communication pages etc.
Hence, Elegant Shopping can give a similar user experience of a general E-commerce website.
- Html (Hyper Text Markup Language)
- CSS (Cascading Style Sheets)
- Bootstrap (CSS framework)
- Javascript (Frontend scripting language)## Color Reference All the colors used in this website are the shades of the below colors. Violet and purple are the base colors of this website which makes thw whole website glow in a unique way compared to the general websites. Even the UI UX will be interactive depending on the colors choosed.
Color | Hex |
---|---|
deep Voilet | #470ebd |
Purple | #c73fc5 |
Grey | #181818 |
dull white | #fcf7fc |
This site is partially made by using the customized Api. That is, initially some product lists are being type in JSON format and it is posted in the github as a Repository. Then after, that JSON link is pasted in the productlist.js to access the information from server.
No. As the website containes huge number of images. Add to cart functionality is programmed to the shop page pagination section only.
Yes. Every section is adjusted with the media queries for the responsive web design.
Intially, to get flexibility on the frontend part and to enhance my Designing capabilites (UI/ UX).
-
Mozilla Webdocs (documentations regarding topics).
-
Junie denny solomon (Mentor)
- Click to view this Ecommerce website.