{"id":22743659,"url":"https://github.com/ignatiosdev/emercado-ecommerce-frontend","last_synced_at":"2025-03-30T04:42:28.339Z","repository":{"id":51205278,"uuid":"520299396","full_name":"ignatiosdev/eMercado-ecommerce-frontend","owner":"ignatiosdev","description":"eMercado is a fully responsive e-commerce front-end simulation designed to showcase key features such as product categorization, filtering, sorting, reviews, cart system and form validation.","archived":false,"fork":false,"pushed_at":"2024-11-23T23:40:26.000Z","size":37848,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T07:11:18.345Z","etag":null,"topics":["cart","ecommerce","ecommerce-simulation","front-end","front-end-project","ignatiosdev","online-shop","store"],"latest_commit_sha":null,"homepage":"https://ignatiosdev.github.io/eMercado-ecommerce-frontend/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ignatiosdev.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}},"created_at":"2022-08-02T00:21:49.000Z","updated_at":"2024-12-09T13:40:17.000Z","dependencies_parsed_at":"2024-11-24T00:34:14.031Z","dependency_job_id":null,"html_url":"https://github.com/ignatiosdev/eMercado-ecommerce-frontend","commit_stats":null,"previous_names":["cattalurdai/indvprojectjap.github.io","cattalurdai/emercado-ecommerce","ignatiosdev/emercado-ecommerce","ignatiosdev/emercado-ecommerce-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ignatiosdev%2FeMercado-ecommerce-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ignatiosdev%2FeMercado-ecommerce-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ignatiosdev%2FeMercado-ecommerce-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ignatiosdev%2FeMercado-ecommerce-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ignatiosdev","download_url":"https://codeload.github.com/ignatiosdev/eMercado-ecommerce-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246277352,"owners_count":20751548,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["cart","ecommerce","ecommerce-simulation","front-end","front-end-project","ignatiosdev","online-shop","store"],"created_at":"2024-12-11T01:34:25.067Z","updated_at":"2025-03-30T04:42:28.317Z","avatar_url":"https://github.com/ignatiosdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# eMercado eCommerce frontend\n\neMercado is a front-end eCommerce simulation that mimics the user experience of an online store. It showcases products across various categories, with options to filter by price, category, and item count, and to sort by different criteria. Users can view detailed product pages with images, descriptions, and related items. The platform includes a simulated user login system, profile management, shopping cart, and a product review system. Product data is fetched via a simple API for a realistic browsing experience.\n\n\n## Key Features\n\n- **Product Listing**: Displays products from multiple categories such as Autos, Juguetes (Toys), and Muebles (Furniture).\n- **Filtering \u0026 Sorting**: Allows users to filter products by price range and sort them by name or number of products in each category.\n- **Product Detail Pages**: Displays detailed information for each product, including images, descriptions, and related products.\n- **User Authentication**: Simulated login system where users can create and store profiles.\n- **Carousel \u0026 Responsive Design**: A carousel for featured items and responsive layout for different screen sizes.\n- **Image Zoom**: Desktop and mobile zoom functionality for product images.\n- **Review System**: Users can rate products and leave comments.\n- **Form Validation**: Added client-side validation for login and user profile forms to ensure data integrity and improve the user experience.\n\n## Demo\n\nYou can try out a live version of the project [here](https://ignatiosdev.github.io/eMercado-ecommerce-frontend/).\n\n## Technologies Used\n\n- HTML5, CSS3 (with Bootstrap 5)\n- JavaScript (ES6+)\n- Responsive Design (Bootstrap Grid System)\n- Local Storage for Profile and Cart Management\n\n## Installation\n\n1. Clone the repository to your local machine:\n\n   ```bash\n   git clone https://github.com/yourusername/emercado.git\n2. Navigate into the project directory:\n   \n   ```bash\n   cd emercado\n3. Open `index.html` in VSCode or your preferred IDE.\n4. Use [live-server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) to serve the files and start the development environment\n\n## Usage\n\n- Homepage: The homepage features a carousel and links to product categories. Users can click on categories to view products.\n- Product Filtering: Use the range sliders to filter products by their count in each category.\n- Sorting: Sort products by name (ascending or descending) or by the number of items in a category.\n- Product Details: Clicking on a product will take you to the product detail page where you can view images, descriptions, and related items.\n- Cart \u0026 Profile: Users can add products to the shopping cart and manage their profile (though the cart and profile are stored in local storage and are not persistent beyond the session).\n\n\n## Acknowledgments\nThis project was built as part of the \"Jóvenes a Programar\" initiative in 2022.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignatiosdev%2Femercado-ecommerce-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fignatiosdev%2Femercado-ecommerce-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fignatiosdev%2Femercado-ecommerce-frontend/lists"}