{"id":22979258,"url":"https://github.com/rysth/react-smartcommerce","last_synced_at":"2026-05-01T15:31:13.305Z","repository":{"id":190029349,"uuid":"681803350","full_name":"Rysth/REACT-SmartCommerce","owner":"Rysth","description":"REACT eCommerce is an application where users can find, add, remove, and edit products calculating the subtotal, taxes, and total in terms of quantity and price. Build with React, HTML, CSS, JavaScript, and FakeStoreAPI.","archived":false,"fork":false,"pushed_at":"2023-09-16T14:47:57.000Z","size":1469,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-02-07T23:46:49.582Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react-smartcommerce.onrender.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Rysth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-08-22T19:39:50.000Z","updated_at":"2024-09-10T18:16:12.000Z","dependencies_parsed_at":"2024-12-15T01:31:04.234Z","dependency_job_id":"96cdb6b8-3a56-4b02-ae88-76e3ac42bc2a","html_url":"https://github.com/Rysth/REACT-SmartCommerce","commit_stats":null,"previous_names":["rysth/react-ecommerce","rysth/react-smartcommerce"],"tags_count":0,"template":false,"template_full_name":"Rysth/REACT-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rysth%2FREACT-SmartCommerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rysth%2FREACT-SmartCommerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rysth%2FREACT-SmartCommerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rysth%2FREACT-SmartCommerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rysth","download_url":"https://codeload.github.com/Rysth/REACT-SmartCommerce/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246785428,"owners_count":20833471,"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":[],"created_at":"2024-12-15T01:24:55.017Z","updated_at":"2026-05-01T15:31:13.064Z","avatar_url":"https://github.com/Rysth.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://rysthcraft.netlify.app/img/LOGO-ONLY.svg\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n  \u003ch3\u003e\u003cb\u003eJohn Palacios - RysthCraft\u003c/b\u003e\u003c/h3\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n- [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Commands](#commands)\n  - [Test](#test)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 REACT eCommerce \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n- **REACT eCommerce** is an application where users can find, add, remove, and edit products calculating the subtotal, taxes, and total in terms of quantity and price. Build with React, HTML, CSS, JavaScript, and FakeStoreAPI.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n- [HTML](https://www.w3schools.com/html/)\n- [CSS](https://www.w3schools.com/css/)\n- [JavaScript](https://www.w3schools.com/js/)\n- [React](https://react.dev/)\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- Display a list of products from an API.\n- Add products to a Cart Item.\n- Calculate the Subtotal, Taxes, and Total of the products.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n![956shots_so](https://github.com/Rysth/REACT-eCommerce/assets/115722896/6c4d0120-2bd3-455f-b996-368f903b1093)\n\n- [Live Demo](https://react-smartcommerce.onrender.com/)\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\n\n```\ngit clone https://github.com/Rysth/REACT-eCommerce.git\ncd REACT-eCommerce\ncode . (To open VS Code Editor)\n```\n\nThen, you will change everything you want!\n\n### Commands \u003ca name=\"commands\"\u003e\u003c/a\u003e\n\n- ✔️ _npm start_:\n  Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.\n\n- ✔️ _npm test_:\n  Launches the test runner in the interactive watch mode. See the section about running tests for more information.\n\n- ✔️ _npm run build_:\n  Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.\n\n### Test \u003ca name=\"test\"\u003e\u003c/a\u003e\n\nIn order to follow the Linters you could check them using this:\n\n```\nCSS Checker:\nnpx stylelint \"**/*.{css,scss}\"\n\nESLint Checker:\nnpx eslint \"**/*.{js,jsx}\"\n```\n\n_Use at the end '--fix' to help you out with any error._\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **John Palacios**\n\n- GitHub: [@rysthcraft](https://github.com/Rysth)\n- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-palacios-rysthcraft/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Use Strapi to serve as the Headless CMS.\n- Use the project as a Template for any Commerce Type\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project feel free to watch it and take some features that will enhance your project\nas well.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank the Microverse Team for reviewing my code and making me a better\nprofessional.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE.md) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frysth%2Freact-smartcommerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frysth%2Freact-smartcommerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frysth%2Freact-smartcommerce/lists"}