Code Monkey home page Code Monkey logo

elegant_fashion-website-ecommerce-'s Introduction

Elegant E-commerce

A Mutlipaged responsive E-commerce Website project.

Preview

elegant_1 elegant_3 elegant_5 elegant_4 elegant_7 elegant_6 elegant_11 elegant_10

Table of Contents

  • About

  • Getting Started

  • Deployment

  • Usage

  • Built Using

  • Color reference

  • Acknowledgements

About

A multipaged E-commerce website where we can view versatile clothing and accessories, buy them by adding to cart and billing them.

Getting Started

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.

Deployment

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

Usage

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.

Built Using

  • 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 #470ebd
Purple #c73fc5 #c73fc5
Grey #181818#181818
dull white #fcf7fc #fcf7fc

API Reference

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.

FAQ

Do all the products goes to cart after clicking on buy now?

No. As the website containes huge number of images. Add to cart functionality is programmed to the shop page pagination section only.

Is the site UI is accurate for all the devices?

Yes. Every section is adjusted with the media queries for the responsive web design.

What is the main Objective to do this project?

Intially, to get flexibility on the frontend part and to enhance my Designing capabilites (UI/ UX).

Acknowledgements

  • Mozilla Webdocs (documentations regarding topics).

  • Junie denny solomon (Mentor)

Demo (Visit the Site)

  • Click to view this Ecommerce website.

elegant_fashion-website-ecommerce-'s People

Contributors

manotejpatlolla avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.