{"id":20490590,"url":"https://github.com/mehmet-github06/react-store","last_synced_at":"2026-04-30T11:36:44.687Z","repository":{"id":213815302,"uuid":"734984009","full_name":"Mehmet-github06/react-store","owner":"Mehmet-github06","description":"In the project I created with React, after entering the login information, you are directed to a site consisting of home, products, and about pages. On this site, you can explore many products and view additional images of the desired product.","archived":false,"fork":false,"pushed_at":"2024-02-22T21:12:47.000Z","size":8113,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-15T13:56:25.770Z","etag":null,"topics":["axios","component","dummyjson","html-css-javascript","react","react-icons","react-router-dom","sweetalert2","tailwindcss"],"latest_commit_sha":null,"homepage":"https://react-store-h72u.vercel.app/dashboard/about","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mehmet-github06.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-12-23T08:45:14.000Z","updated_at":"2024-02-22T21:06:00.000Z","dependencies_parsed_at":"2023-12-25T17:35:00.306Z","dependency_job_id":"13ba7cd7-9932-4c38-b86d-7bab40efa4a9","html_url":"https://github.com/Mehmet-github06/react-store","commit_stats":null,"previous_names":["mehmet-github06/react-store"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mehmet-github06/react-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mehmet-github06","download_url":"https://codeload.github.com/Mehmet-github06/react-store/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32463892,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"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":["axios","component","dummyjson","html-css-javascript","react","react-icons","react-router-dom","sweetalert2","tailwindcss"],"created_at":"2024-11-15T17:17:36.315Z","updated_at":"2026-04-30T11:36:40.241Z","avatar_url":"https://github.com/Mehmet-github06.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Store App 🛒\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./src/assets/Animation.gif\" /\u003e\n\u003c/div\u003e\n\n## About the Project\n\nIn the project I created with React, after entering the login information, you are directed to a site consisting of home, products, and about pages. On this site, you can explore many products and view additional images of the desired product. The about section contains information about our team, along with links to their GitHub and LinkedIn profiles for further interaction.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Usage](#usage)\n- [Project Skeleton](#project-skeleton)\n- [Screenshots](#screenshots)\n\n## Live Demo\n\n[Store](https://react-store-h72u.vercel.app/)\n\n## Features\n\n- Logging in with email and password information\n- Pagination for smooth transitions between pages.\n- Easy product search using the filtering feature.\n\n## Technologies Used\n\n- React\n- Axios for API requests\n- React-Router-Dom\n- [DummyJSON API](https://dummyjson.com/) for products data\n- Icons from [React Icons](https://react-icons.github.io/react-icons/)\n- Styling with [Tailwind](https://tailwindcss.com/) and CSS \n- [Sweetalert2](https://sweetalert2.github.io/) for alert \n\n## Usage\n\n- When you hover over the email and password fields in the login section, the login email address and password are visible.\n- Access detailed information and reviews for each item.\n- Use the search function to find specific products.\n\n## Project Skeleton\n\n```\nFurkan Store (folder)\n|\n|----readme.md         \nSOLUTION\n├── public\n│    └── index.html\n├── src\n│    ├── assets\n│    │     └── [images]\n│    ├── components\n│    │     ├── Loading.jsx\n│    │     ├── Navbar.jsx\n│    │     ├── ProductCard.jsx    \n│    │     ├── SearchInput.jsx    \n│    │     ├── Stats.jsx    \n│    │     └── Testimonial.jsx  \n│    ├── context\n│    │     ├── AuthProvider.js\n│    │     └── ProductProvider.js \n│    ├── helpers\n│    │     ├── data.js\n│    │     └── icons.js\n│    ├── pages\n│    │     ├── About.jsx\n│    │     ├── Home.jsx\n│    │     ├── Login.jsx\n│    │     ├── NotFound.jsx\n│    │     ├── ProductDetail.jsx    \n│    │     └── Products.jsx \n│    ├── router\n│    │     ├── AppRouter.jsx\n│    │     └── PrivateRouter.jsx\n│    ├── App.js\n│    ├── index.css\n│    └── index.js\n├── package.json\n└── yarn.lock\n```\n\n## Screenshots\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./src/assets/Screenshot_1.jpg\"  width=\"35%\" height=\"500\" /\u003e\n  \u003cimg src=\"./src/assets/Screenshot_2.jpg\"  width=\"55%\" height=\"600\" /\u003e\n  \u003cimg src=\"./src/assets/Screenshot_3.jpg\"  width=\"90.5%\" height=\"450\" /\u003e\n\u003c/div\u003e\n\n## Compatibility\n\nThe project is compatible with both wide-screen computers and mobile devices.\n\n## Acknowledgments\n\nProducts data provided by [DummyJSON](https://dummyjson.com/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Freact-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmehmet-github06%2Freact-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Freact-store/lists"}