{"id":15598864,"url":"https://github.com/praisespjmt/sneakers-store","last_synced_at":"2026-04-15T22:33:09.803Z","repository":{"id":111328009,"uuid":"573873757","full_name":"PraisesPJMT/Sneakers-Store","owner":"PraisesPJMT","description":"Sneakers store is an eCommerce store that allow users to view a collection of sneakers, select interested shoes into a cart for purchase. The store is built with React.js, HTML5, and CSS3.","archived":false,"fork":false,"pushed_at":"2022-12-03T19:08:26.000Z","size":348,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-10-23T08:47:36.649Z","etag":null,"topics":["css3","html5","javascript","react"],"latest_commit_sha":null,"homepage":"","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/PraisesPJMT.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-12-03T17:49:28.000Z","updated_at":"2023-09-11T11:25:56.000Z","dependencies_parsed_at":"2023-05-23T14:01:22.360Z","dependency_job_id":null,"html_url":"https://github.com/PraisesPJMT/Sneakers-Store","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PraisesPJMT/Sneakers-Store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FSneakers-Store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FSneakers-Store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FSneakers-Store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FSneakers-Store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PraisesPJMT","download_url":"https://codeload.github.com/PraisesPJMT/Sneakers-Store/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FSneakers-Store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31863492,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","html5","javascript","react"],"created_at":"2024-10-03T01:41:43.492Z","updated_at":"2026-04-15T22:33:09.781Z","avatar_url":"https://github.com/PraisesPJMT.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sneakers Store\n\n \u003e Sneakers store is an eCommerce store that allow users to view a collection of sneakers, select interested shoes into a cart for purchase. The store is built with React.js, HTML5, and CSS3. This is a solution to the [E-commerce product page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6).\n\n## Table of contents\n\n- [Sneakers Store](#sneakers-store)\n  - [Table of contents](#table-of-contents)\n  - [📖 Overview](#-overview)\n    - [The challenge](#the-challenge)\n    - [Screenshot](#screenshot)\n    - [Links](#links)\n  - [💻 My process](#-my-process)\n    - [Built with](#built-with)\n    - [Prerequisites](#prerequisites)\n    - [App Setup](#app-setup)\n    - [What I learned](#what-i-learned)\n    - [Useful resources](#useful-resources)\n  - [👥 Author](#-author)\n  - [🤝 Contributing](#-contributing)\n  - [⭐️ Show your support](#️-show-your-support)\n  - [🙏 Acknowledgments](#-acknowledgments)\n  - [📝 License](#-license)\n\n## 📖 Overview\n\n### The challenge\n\nUsers should be able to:\n\n- View the optimal layout for the site depending on their device's screen size\n- See hover states for all interactive elements on the page\n- Open a lightbox gallery by clicking on the large product image\n- Switch the large product image by clicking on the small thumbnail images\n- Add items to the cart\n- View the cart and remove items from it\n\n### Screenshot\n\n\u003c!-- ![](./screenshot.jpg) --\u003e\nComming soon...\n\n### Links\n\n- Solution URL: Comming soon...\n- Live Site URL: Comming soon...\n\n## 💻 My process\n\n### Built with\n\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n\n![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge\u0026logo=redux\u0026logoColor=white)\n\n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n\n![TailwindCSS](https://img.shields.io/badge/TailwindCSS-%2318B8D6.svg?style=for-the-badge\u0026logo=TailwindCSS\u0026logoColor=white) ![StyleLint](https://img.shields.io/badge/StyleLint-%2318B8D6.svg?style=for-the-badge)\n\n![JavaScript](https://img.shields.io/badge/JavaScript-%23F0DB4F.svg?style=for-the-badge\u0026logo=JavaScript\u0026logoColor=white) ![ESlint](https://img.shields.io/badge/ESlint-%23F0DB4F.svg?style=for-the-badge)\n\n![HTML5](https://img.shields.io/badge/HTML5-%23D93A2C.svg?style=for-the-badge\u0026logo=HTML5\u0026logoColor=white) ![LightHouse](https://img.shields.io/badge/LightHouse-%23D93A2C.svg?style=for-the-badge)\n\n![CSS3](https://img.shields.io/badge/CSS3-%23006BB4.svg?style=for-the-badge\u0026logo=CSS3\u0026logoColor=white) ![StyleLint](https://img.shields.io/badge/StyleLint-%23006BB4.svg?style=for-the-badge)\n\n\n### Prerequisites\nThe following applications are required to be installed for the project to run!\n- Modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.\n- [Node.js](https://nodejs.org/en/download/) LTS version\n- [Git](https://git-scm.com/downloads)\n\n### App Setup\n- Clone [this](git@github.com:PraisesPJMT/Sneakers-Store.git) GitHub repository using `git clone git@github.com:PraisesPJMT/Sneakers-Store.git`\n- Download all required modules using `npm install` inside the project directory (/Sneakers-Store)\n- Launch project on browser using `npm start` inside the project directory (/Sneakers-Store)\n    - This should launch the app on the browser\n    - If the app is not opened immediately, then open [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\n### What I learned\n\n\u003e These are some aspects of the project challenge I am most proud of:\n\n```html\n\u003ch1\u003eSome HTML code I'm proud of\u003c/h1\u003e\n```\n```css\n.proud-of-this-css {\n  color: papayawhip;\n}\n```\n```js\nconst proudOfThisFunc = () =\u003e {\n  console.log('🎉')\n}\n```\n\n### Useful resources\n\n\u003c!-- - [Example resource 1](https://www.example.com) - This helped me for XYZ reason. I really liked this pattern and will use it going forward. --\u003e\nComming soon...\n\n## 👥 Author\n👤 **Praises Tula**\n\n[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/PraisesPJMT/)\n[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/praises-tula/)\n[![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=for-the-badge\u0026logo=Twitter\u0026logoColor=white)](https://twitter.com/PraisesPJMT/)\n\n\n[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:praisesmusa@gmail.com)\n[![AngelList](https://img.shields.io/badge/AngelList-%23D4D4D4.svg?style=for-the-badge\u0026logo=AngelList\u0026logoColor=black)](https://angel.co/u/praises-tula/)\n## 🤝 Contributing\n\nContributions, [issues](../../issues/), and feature requests are welcome!\n\n## ⭐️ Show your support\n\nGive a ⭐️ if you like this project!\n\n## 🙏 Acknowledgments\n- Frontend Mentor for this amazing project challenge\n- Hat tip to you for checking out this amazing project.\n\n## 📝 License\n\nThis project is [MIT](./LICENSE) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraisespjmt%2Fsneakers-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpraisespjmt%2Fsneakers-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraisespjmt%2Fsneakers-store/lists"}