mnshchtri / ecommerce-website

Group CourseWork-IS

E-Commerce Printer Store Website

Overview

This project involves the design and development of an e-commerce website for a store specializing in various types of printers. The website consists of at least five web pages with distinct functionalities.

Project Structure

1. Home Page

The Home page serves as the landing page for the website and provides a brief overview of the store's offerings. It includes a description of the products, latest promotions, and links to other key sections.

2. Blog Page

The Blog page features articles demonstrating how technology, specifically printers, has impacted daily life and business. This section provides valuable insights and engages users with informative content.

3. Product Page

The Product page displays different printer products available for purchase. Each product entry includes the product name, discounted and actual prices, detailed description, and other relevant details to assist customers in making informed decisions.

4. Research Section

The Research section compares the components used in our website against other relevant websites. Five different web pages are referenced to showcase peculiar web components that set our website apart. This section highlights the research efforts undertaken during the development process.

Reference Web Pages:

1. Example Website 1
2. Example Website 2
3. Example Website 3
4. Example Website 4
5. Example Website 5

5. About Us Page

The About Us page presents detailed portfolios of each team member involved in the project. Portfolios include information such as technical and soft skills, educational background, volunteering experience, certifications, and other relevant details.

6. Functional Form

The Functional Form is included to facilitate interaction with visitors. Users can use this form for inquiries, feedback, or to initiate a purchase. It enhances the user experience and provides a means of communication between the store and its customers.

Getting Started

To run the website locally, follow these steps:

1. Clone the repository: git clone [repository-url]
2. Navigate to the project directory: cd e-commerce-printer-store
3. Open the index.html file in your preferred web browser.

Contributors

• Team Member 1 - Full Stack Developer
• Team Member 2 - UI/UX Designer
• Team Member 3 - Content Writer
• Team Member 4 - Project Manager

License

This project is licensed under the MIT License.

ecommerce-website's Issues

CV update required of manish

when i was merging the chnages that u had made , i accidently just accepted the changes instead of accepting both the changes . this has led to te fact that my code and your code was there. and it creates a clash of elements in the html. and while i was trying to handle the issue, your details were lost. so we need to work on that as asap @mnshchtri

Wireframe

Tonight we will do focus on wireframe

cannot commit and pull origin from dev branch

I've made additions and committed the modifications to the JavaScript code. Although the commit is visible, I encounter an error when attempting to pull from the 'origin dev' branch.

Here is the code changes in js:

let next = document.querySelector('.next')

let prev = document.querySelector('.prev')

let next1 = document.querySelector('.next1')

let prev1 = document.querySelector('.prev1')

  

//functionality added for giving the popup message alerting whenever the add to cart button is clicked

function handleAddToCartClick(productName) {

alert(productName + " has been added to the cart! Thank You for Shopping.");

}

  

// Add event listeners to all "Add to Cart" buttons

document.addEventListener('DOMContentLoaded', function () {

var addToCartButtons = document.querySelectorAll('.item button');

  

// Loop through each selected button

addToCartButtons.forEach(function (button) {

// Add a click event listener to each button

button.addEventListener('click', function () {

// Get the product name associated with the clicked button

var productName = this.parentElement.querySelector('.name').innerText.trim();

  

// Call the handleAddToCartClick function with the product name as an argument

handleAddToCartClick(productName);

});

});

});

  

next.addEventListener('click', function () {

let items = document.querySelectorAll('.item')

document.querySelector('.slide').appendChild(items[0])

})

  

prev.addEventListener('click', function () {

let items = document.querySelectorAll('.item')

document.querySelector('.slide').prepend(items[items.length - 1])

})

  

next1.addEventListener('click', function () {

let items = document.querySelectorAll('.item1')

document.querySelector('.slide1').appendChild(items[0])

})

  

prev1.addEventListener('click', function () {

let items = document.querySelectorAll('.item1')

document.querySelector('.slide1').prepend(items[items.length - 1])

})

not an issue

so basically this is not an issue , its just a thing that clicked my mind. yea i know i can write this on whatsapp , slack or whatever , but it seems cool while writing here . so why not .
yea the idea was that , we should have made a new project in github in the first place instead of a single repo . that would have allowed us to assign the tasks, track the bugs and many more
@mnshchtri