{"id":16419481,"url":"https://github.com/devmahmud/react-tech-shop","last_synced_at":"2025-10-26T20:32:37.242Z","repository":{"id":37490656,"uuid":"224677640","full_name":"devmahmud/react-tech-shop","owner":"devmahmud","description":"Tech Shop app is a React Product Selling Application With Shopping Cart. See the live demo for more information.","archived":false,"fork":false,"pushed_at":"2019-12-01T11:17:55.000Z","size":2217,"stargazers_count":11,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-01T00:33:03.129Z","etag":null,"topics":["ecommerce-application","react","react-project","react-sho","redux","redux-thunk-demo","tech-shop"],"latest_commit_sha":null,"homepage":"https://react-tech-shop.netlify.com/","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/devmahmud.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}},"created_at":"2019-11-28T15:05:28.000Z","updated_at":"2024-08-26T11:50:10.000Z","dependencies_parsed_at":"2022-08-26T22:40:46.717Z","dependency_job_id":null,"html_url":"https://github.com/devmahmud/react-tech-shop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmahmud%2Freact-tech-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmahmud%2Freact-tech-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmahmud%2Freact-tech-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmahmud%2Freact-tech-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devmahmud","download_url":"https://codeload.github.com/devmahmud/react-tech-shop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238397264,"owners_count":19465145,"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":["ecommerce-application","react","react-project","react-sho","redux","redux-thunk-demo","tech-shop"],"created_at":"2024-10-11T07:24:32.114Z","updated_at":"2025-10-26T20:32:37.237Z","avatar_url":"https://github.com/devmahmud.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tech Shop\n\nA modern React e-commerce application built with Vite, React 18, Redux, and React Router v6.\n\n## Features\n\n- 🛍️ Product catalog with filtering and search\n- 🛒 Shopping cart functionality\n- 📱 Responsive design with Bootstrap 5\n- 🎨 Styled with Styled Components\n- 🔄 State management with Redux\n- 🚀 Fast development with Vite\n\n## Tech Stack\n\n- **Build Tool**: Vite 7.1.0\n- **Framework**: React 18.2.0\n- **Routing**: React Router v6\n- **State Management**: Redux with Redux Thunk\n- **Styling**: Bootstrap 5 + Styled Components\n- **Icons**: React Icons\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (version 16 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone \u003crepository-url\u003e\ncd react-tech-shop\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n### Development\n\nStart the development server:\n```bash\nnpm run dev\n```\n\nThe application will be available at `http://localhost:3000`\n\n### Building for Production\n\nBuild the application:\n```bash\nnpm run build\n```\n\nPreview the production build:\n```bash\nnpm run preview\n```\n\n## Deployment\n\n### Vercel\n\nThis application is configured for deployment on Vercel with proper routing support.\n\nTo deploy to Vercel:\n\n1. Install Vercel CLI:\n```bash\nnpm i -g vercel\n```\n\n2. Deploy:\n```bash\nvercel\n```\n\nOr connect your GitHub repository to Vercel for automatic deployments.\n\n**Note**: The application uses BrowserRouter with Vercel's rewrite rules for proper client-side routing.\n\n## Project Structure\n\n```\nsrc/\n├── components/          # Reusable UI components\n│   ├── CartPage/       # Cart-related components\n│   ├── ContactPage/    # Contact page components\n│   ├── HomePage/       # Home page components\n│   └── ProductsPage/   # Product listing components\n├── pages/              # Page components\n├── store/              # Redux store configuration\n│   ├── actions/        # Redux actions\n│   └── reducers/       # Redux reducers\n├── images/             # Static images\n├── App.jsx            # Main application component\n└── index.jsx          # Application entry point\n```\n\n## Migration from Create React App\n\nThis project was successfully migrated from Create React App to Vite. Key changes include:\n\n- ✅ Updated to React 18 with `createRoot` API\n- ✅ Migrated to React Router v6 with `Routes` and `Route` components\n- ✅ Updated to Bootstrap 5 for better compatibility\n- ✅ Upgraded all dependencies to latest stable versions\n- ✅ Configured Vite for optimal development experience\n- ✅ Fixed security vulnerabilities in dependencies\n\n## Available Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run preview` - Preview production build\n\n## Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Test thoroughly\n5. Submit a pull request\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmahmud%2Freact-tech-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevmahmud%2Freact-tech-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmahmud%2Freact-tech-shop/lists"}