Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bobby278tr/responsive_e-commerce_website

A simple E-commerce Website using HTML, CSS and JavaScript
https://github.com/bobby278tr/responsive_e-commerce_website

html-css-javascript

Last synced: 2 days ago
JSON representation

A simple E-commerce Website using HTML, CSS and JavaScript

Host: GitHub
URL: https://github.com/bobby278tr/responsive_e-commerce_website
Owner: Bobby278tr
Created: 2024-01-08T18:02:06.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-01-08T18:17:17.000Z (11 months ago)
Last Synced: 2024-01-08T19:37:52.910Z (11 months ago)
Topics: html-css-javascript
Language: HTML
Homepage:
Size: 18.4 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Responsive_E-Commerce_Website

A responsive E-commerce Website is a Simple E-commerce Website that will be responsive in other Media also.

## About Project

This Project is a Simple E-commerce Website that is created by using HTML, CSS, and JavaScript. While making each webpage responsive other media also.
This Website is a collection of different web pages which are:

HomePage
ShopPage
BlogPage
AboutPage
ContactPage
CartPage

![Home Page](Website_Image/Home.png)
The website has been designed keeping the user experience in mind and it's easy to navigate through

![Shop Page](Website_Image/Shop.png)
Here you can see all the products available on the platform, you can filter them by category or search

![Blog Page](Website_Image/Blog.png)
A Blog page where users can read about new products, trends or anything they want.

![About Page](Website_Image/About.png)
An About Us section that gives information about who we are and what we do.

![Contact Page](Website_Image/Contact.png)
A Contact Us form where users can get in touch with us.

![Cart Page](Website_Image/Cart.png)
A Shopping Cart where users can view their items before making a purchase.

![On-Other Media Page](Website_Image/Media.png)
As this project is made using HTML & CSS, it becomes fully responsive on various devices like iPhones, iPads, etc.
You can see how this website looks on various devices such as Desktop, Tablet & Mobile

This Site is a Simple Structure of the E-commerce Site

## Geeting Started

Cloning a repository

1. On GitHub.com, navigate to the main page of the repository.

2. Above the list of files, click <>Code.

3. Copy the URL for the repository.

- To clone the repository using HTTPS, under "HTTPS".

- To clone the repository using an SSH key, including a certificate issued by your organization's SSH certificate authority, click SSH.

- To clone a repository using GitHub CLI, click GitHub CLI.

7. Open Git Bash.

8. Change the current working directory to the location where you want the cloned directory.

9. Type git clone, and then paste the URL you copied earlier.

```
git clone https://github.com/Bobby278tr/Responsive_E-Commerce_Website.git
```

10. Press Enter to create your local clone.

```
$ git clone https://github.com/Bobby278tr/Responsive_E-Commerce_Website.git
```

### Prerequisites

The Software required for this project are:

1. Vs code IDE
2. Chrome or Microsoft Edge

### Installing

1. You can install the Vs code IDE from here Depending upon the OS you use
(https://code.visualstudio.com/download)

2. You can install Google Chrome from the following
(https://www.google.com/chrome/?brand=YTUH&gclid=CjwKCAiA1-6sBhAoEiwArqlGPhvHNSduAAzHcSI6G6jEMcyWyLB_eGRoiXAGDrnP7x83Kru47Q78GxoC4ncQAvD_BwE&gclsrc=aw.ds)

3. You can install Microsoft Edge from the following (if required)
(https://www.microsoft.com/en-in/edge/download?form=MA13FJ)

## Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b AddingChanges)
3. Commit your changes (git commit -m 'Add some Changes')
4. Push to the Branch (git push origin AddingChanges)
5. Open a Pull Request

## Contact

Bobby Tripathi - [@e-mail] [email protected]

Project Link: [https://github.com/Bobby278tr/Responsive_E-Commerce_Website/](https://github.com/Bobby278tr/Responsive_E-Commerce_Website/)

## Acknowledgments

- Tech2 etc (https://github.com/tech2etc)