Skip to content

Instantly share code, notes, and snippets.

@singhkunal2050
Last active October 23, 2023 08:49
Show Gist options
  • Save singhkunal2050/31ffa7e1e9e5eb8416aa7a46e252c703 to your computer and use it in GitHub Desktop.
Save singhkunal2050/31ffa7e1e9e5eb8416aa7a46e252c703 to your computer and use it in GitHub Desktop.
Assignment details
Assignment: E-commerce Product Listing Page
Objective: The goal of this assignment is to evaluate the candidate's proficiency in HTML, CSS, and basic JavaScript, as well as their ability to use Git and host a website on GitHub Pages.
Instructions:
HTML/CSS: Create an E-commerce product listing page with the following sections:
Product Listings: Display at least 5 sample products with details like product name, image, price, and a "Buy Now" button.
Filters: Add filter options (e.g., category, price range) to allow users to refine their product search.
Shopping Cart: Include a shopping cart section that displays added products and a total price.
Checkout: Implement a basic checkout process, including a form for user information and a "Place Order" button.
Styling: Apply CSS to make the website visually appealing. Ensure it's responsive and looks good on both desktop and mobile devices.
JavaScript: Implement functionality for adding/removing products to/from the shopping cart, updating the total price dynamically, and any other relevant interactivity.
GitHub: Create a new GitHub repository for your project and commit your code as you work on it.
GitHub Pages: Host your website using GitHub Pages. Ensure the live site is accessible via a public link.
Documentation: Write a README.md file in your GitHub repository, providing instructions on how to run the project locally and any other relevant information.
Submission:
Share the GitHub repository link with the completed project.
Evaluation Criteria:
HTML/CSS structure and semantics.
Quality and responsiveness of the design.
Implementation of JavaScript functionality.
Proper use of Git (commits, branches, etc.).
Successful hosting on GitHub Pages.
Documentation in the README.md.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment