{"id":28215875,"url":"https://github.com/createunique/ecommercesite","last_synced_at":"2026-04-27T16:31:06.200Z","repository":{"id":237671481,"uuid":"795008404","full_name":"createunique/EcommerceSite","owner":"createunique","description":"This repository contains the source code for a responsive e-commerce website. The website displays product cards fetched from an API and allows users to filter products by category. The project is built using HTML, CSS, and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-05-02T12:41:22.000Z","size":61,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-10T18:48:39.461Z","etag":null,"topics":["css","ecommerce","html","javascript","responsive-design"],"latest_commit_sha":null,"homepage":"https://tinyurl.rf.gd/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/createunique.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-05-02T12:03:13.000Z","updated_at":"2024-05-02T12:41:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"a2e13ce6-e25f-456a-b324-748c8c2eaa72","html_url":"https://github.com/createunique/EcommerceSite","commit_stats":null,"previous_names":["createunique/ecommercesite"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/createunique/EcommerceSite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2FEcommerceSite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2FEcommerceSite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2FEcommerceSite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2FEcommerceSite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/createunique","download_url":"https://codeload.github.com/createunique/EcommerceSite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2FEcommerceSite/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32345802,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","ecommerce","html","javascript","responsive-design"],"created_at":"2025-05-17T22:12:00.622Z","updated_at":"2026-04-27T16:31:06.196Z","avatar_url":"https://github.com/createunique.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# E-commerce Site\n\nThis repository contains the source code for a responsive e-commerce website. The website displays product cards fetched from an API and allows users to filter products by category.\n\n## Project Structure\n\nThe project consists of three main files:\n\n1. `index.html`: This is the main HTML file that structures the webpage and includes links to the CSS and JavaScript files.\n\n2. `style.css`: This file contains all the CSS styles used to design and layout the webpage. It includes media queries to make the site responsive on different screen sizes.\n\n3. `script.js`: This JavaScript file contains the logic for fetching product data from an API, creating product cards dynamically, and filtering products based on the selected category.\n\n## Key Features\n\n- **Dynamic Product Cards:** The product cards are created dynamically in JavaScript based on the data fetched from the API. Each card displays the product image, title, vendor, price, and a button to add the product to the cart.\n\n- **Product Filtering:** Users can filter products by category. When a category button is clicked, only the products belonging to that category are displayed.\n\n- **Responsive Design:** The website is designed to be responsive and provides a good user experience on devices of all sizes. The layout of the product cards changes depending on the screen size.\n\n\n## How to Access and Run the Project\n\n1. **Clone the Repository:** First, you will need to clone the repository from GitHub to your local machine. You can do this by running the following command in your terminal (you will need to have Git installed):\n\n    ```bash\n    git clone https://github.com/createunique/EcommerceSite.git\n    ```\n\n2. **Navigate to the Project Directory:** Once the repository has been cloned, navigate into the project directory by running:\n\n    ```bash\n    cd EcommerceSite\n    ```\n\n3. **Open the Project:** Now, you can open the `index.html` file in your web browser to view the website. If you're using a Mac, you can do this from the terminal by running:\n\n    ```bash\n    open index.html\n    ```\n\n    If you're using Windows, you can navigate to the project directory in File Explorer and double-click on the `index.html` file.\n\nPlease note that this project is a static website and doesn't require a server to run. However, if you're fetching data from an external API (like in this project), you might need to set up a local server due to CORS restrictions in your browser. You can do this easily with Python or Node.js, or use an IDE like Visual Studio Code that has a built-in live server extension.\n\n\n## Future Improvements\n\n- Add functionality to the \"Add to Cart\" button.\n- Display a message when no products match the selected category.\n- Improve error handling for the API fetch operation.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a pull request or create an issue.\n\n## License\n\nThis project is licensed under the terms of the MPL - 2.0 license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreateunique%2Fecommercesite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreateunique%2Fecommercesite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreateunique%2Fecommercesite/lists"}