{"id":17813654,"url":"https://github.com/gealsanchez/ecommerce","last_synced_at":"2026-04-13T01:06:41.922Z","repository":{"id":242464104,"uuid":"801205568","full_name":"gealsanchez/ecommerce","owner":"gealsanchez","description":"Ecommerce Project shows and stores data about user purchases, when the user creates an order the admin receives an email with the related info and also it gets saved in the JSON Server, each user can check its own orders","archived":false,"fork":false,"pushed_at":"2024-06-17T22:06:14.000Z","size":851,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-02-07T22:32:43.586Z","etag":null,"topics":["css","html5","json-server","json-server-auth","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://ecommerce-beer-bog.netlify.app/","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/gealsanchez.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":"2024-05-15T19:46:10.000Z","updated_at":"2024-06-17T22:06:17.000Z","dependencies_parsed_at":"2024-06-03T07:27:43.267Z","dependency_job_id":"5cb1c355-2014-4f26-8b03-1e491783a1dd","html_url":"https://github.com/gealsanchez/ecommerce","commit_stats":null,"previous_names":["gealsanchez/ecommerce"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gealsanchez%2Fecommerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gealsanchez%2Fecommerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gealsanchez%2Fecommerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gealsanchez%2Fecommerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gealsanchez","download_url":"https://codeload.github.com/gealsanchez/ecommerce/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246777825,"owners_count":20832031,"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":["css","html5","json-server","json-server-auth","react","tailwindcss"],"created_at":"2024-10-27T16:03:41.105Z","updated_at":"2026-04-13T01:06:36.718Z","avatar_url":"https://github.com/gealsanchez.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ch1\u003e\u003cb\u003eReact Ecommerce Project\u003c/b\u003e\u003c/h1\u003e\n\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  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\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 Project \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Ecommerce Project** shows and stores data about user purchases, when the user creates an order the admin receives an email with the related info and also it gets saved in the JSON Server, each user can check its own orders\n\n![Screenshot from 2024-06-03 00-53-51](https://github.com/gealsanchez/ecommerce/assets/94255143/7422969d-f802-48ee-9be1-8067a2564064)\n![Screenshot from 2024-06-03 00-54-07](https://github.com/gealsanchez/ecommerce/assets/94255143/60ab09bb-aba0-4f47-9af5-a0680a467d06)\n![Screenshot from 2024-06-03 00-54-18](https://github.com/gealsanchez/ecommerce/assets/94255143/0f5fe311-838d-48df-80ff-ace2a30c4d72)\n![Screenshot from 2024-06-03 00-54-47](https://github.com/gealsanchez/ecommerce/assets/94255143/5961ae16-676b-4e85-832d-2b10839ac203)\n![Screenshot from 2024-06-03 00-57-31](https://github.com/gealsanchez/ecommerce/assets/94255143/f9424dd5-675e-4cc2-8272-02a838940fe8)\n![Screenshot from 2024-06-03 00-57-47](https://github.com/gealsanchez/ecommerce/assets/94255143/ad64718e-43a4-4d93-90b5-bbf7a4fafaad)\n![Screenshot from 2024-06-03 00-58-17](https://github.com/gealsanchez/ecommerce/assets/94255143/b8984439-4749-4267-bf78-759f57fb982c)\n![Screenshot from 2024-06-03 00-59-08](https://github.com/gealsanchez/ecommerce/assets/94255143/bb330e59-b2d9-4f12-95ba-0176f547698f)\n![Screenshot from 2024-06-03 01-01-45](https://github.com/gealsanchez/ecommerce/assets/94255143/31961876-bad2-42b6-b731-e632943ade5a)\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n - HTML\n - CSS\n - JavaScript\n - React\n - Webpack\n - Tailwind\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Single Page Application**\n- **React components**\n- **React props**\n- **Handle events in a React app**\n- **Use styles in a React app**\n- **Use Tailwind in a React app**\n- **Dynamic Screen Feature**\n- **Navigation**\n- **Dark Mode Enabled**\n- **Search Feature**\n- **JSON Server**\n- **JSON Server Auth**\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- - [Live Demo Link](https://ecommerce-beer-bog.netlify.app/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\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### Prerequisites\n\nIn order to run this project you need:\n- node.js\n- git\n\n### Setup\n\nClone this repository to your desired folder:\n\n- Open your terminal\n\n- Navigate to the directory where you want to clone the project.\n\n- Clone the project using by running the following command:\n\n`git clone https://github.com/gealsanchez/ecommerce.git`\n\n### Install\n\nInstall this project using the following command: \n\n`npm install`.\n\n### Usage\n\nTo run the project, execute the following commands:\n\n- `npm run build`\n- `npm start`\n\n### Run tests\n\nThere is no tests to run by now\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👤 **Gerson SANCHEZ**\n\n- GitHub: [@githubhandle](https://github.com/gealsanchez)\n- Twitter: [@twitterhandle](https://twitter.com/gealsanchez)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gerson-sanchez-88309b57/)\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\nGive a ⭐️ if you like this project!\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 Microverse and Shubham Sarda (Original design idea).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._\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%2Fgealsanchez%2Fecommerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgealsanchez%2Fecommerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgealsanchez%2Fecommerce/lists"}