{"id":49767832,"url":"https://github.com/ajayygurjar/shoppy_user","last_synced_at":"2026-05-11T11:13:02.219Z","repository":{"id":296250386,"uuid":"992763187","full_name":"ajayygurjar/Shoppy_User","owner":"ajayygurjar","description":"Modern React e-commerce web application with Firebase backend, featuring shopping cart, user authentication, order management, and responsive design","archived":false,"fork":false,"pushed_at":"2025-12-14T12:07:25.000Z","size":245,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-16T17:12:07.271Z","etag":null,"topics":["authentication","bootstrap","ecommerce-website","firebase","reactjs","redux-toolkit","shopping-cart"],"latest_commit_sha":null,"homepage":"https://shoppy-user.netlify.app/","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/ajayygurjar.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-29T17:12:07.000Z","updated_at":"2025-12-14T12:07:28.000Z","dependencies_parsed_at":"2025-05-29T18:45:04.554Z","dependency_job_id":"71aa2522-7290-4827-8ae7-803a00fc246b","html_url":"https://github.com/ajayygurjar/Shoppy_User","commit_stats":null,"previous_names":["ajayygurjar/shoppy_user"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ajayygurjar/Shoppy_User","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayygurjar%2FShoppy_User","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayygurjar%2FShoppy_User/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayygurjar%2FShoppy_User/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayygurjar%2FShoppy_User/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajayygurjar","download_url":"https://codeload.github.com/ajayygurjar/Shoppy_User/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayygurjar%2FShoppy_User/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32892219,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-10T13:40:02.631Z","status":"online","status_checked_at":"2026-05-11T02:00:05.975Z","response_time":120,"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":["authentication","bootstrap","ecommerce-website","firebase","reactjs","redux-toolkit","shopping-cart"],"created_at":"2026-05-11T11:13:01.035Z","updated_at":"2026-05-11T11:13:02.212Z","avatar_url":"https://github.com/ajayygurjar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shoppy - E-commerce Application\n\nA modern, responsive e-commerce web application built with React, Redux, and Firebase. Shop for various products with a seamless user experience featuring cart management, user authentication, and order tracking.\n\n## 🚀 Features\n\n### Core Features\n- **Product Catalog**: Browse products with categories and detailed product pages\n- **Search Functionality**: Search products by name or category\n- **Shopping Cart**: Add, remove, and manage cart items with persistent storage\n- **User Authentication**: Sign up, login, and profile management\n- **Order Management**: Place orders and track order history\n- **Responsive Design**: Mobile-first design with Bootstrap integration\n\n### User Features\n- **Guest Shopping**: Shop without registration with local storage cart\n- **User Profiles**: Manage personal information and addresses\n- **Order Tracking**: View order history and cancel orders\n- **Product Categories**: Browse products by categories with carousel display\n- **Product Search**: Real-time search with results page\n- **Payment Options**: Cash on Delivery (COD) and Online Payment support\n\n### Technical Features\n- **State Management**: Redux Toolkit for efficient state handling\n- **Data Persistence**: Firebase Realtime Database integration\n- **Lazy Loading**: Code splitting with React.lazy for better performance\n- **Responsive UI**: Bootstrap components with custom styling\n- **Image Optimization**: Lazy loading images with zoom functionality\n\n## 🛠️ Tech Stack\n\n- **Frontend**: React 19.1.0, React Router DOM\n- **State Management**: Redux Toolkit, React Redux\n- **UI Framework**: Bootstrap 5.3.6, React Bootstrap\n- **HTTP Client**: Axios\n- **Database**: Firebase Realtime Database\n- **Authentication**: Firebase Authentication\n- **Icons**: Bootstrap Icons, React Icons\n- **Carousel**: Swiper.js\n- **Build Tool**: Vite\n- **Styling**: CSS Modules, Bootstrap\n\n## 📦 Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/ajayygurjar/Shoppy_User\n   cd shoppy\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Environment Setup**\n   Create a `.env` file in the root directory:\n   ```env\n   VITE_API_KEY=your_firebase_api_key\n   ```\n\n4. **Start development server**\n   ```bash\n   npm run dev\n   ```\n\n5. **Build for production**\n   ```bash\n   npm run build\n   ```\n\n## 🔧 Configuration\n\n### Firebase Setup\n1. Create a Firebase project at [Firebase Console](https://console.firebase.google.com/)\n2. Enable Authentication and Realtime Database\n3. Copy your Firebase API key to the `.env` file\n4. Configure Firebase Realtime Database rules for your application\n\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/\n│   ├── Auth/              # Authentication components\n│   ├── Cart/              # Shopping cart components\n│   ├── Category/          # Category-related components\n│   ├── Home/              # Home page components\n│   ├── Layout/            # Layout components (Header, Footer)\n│   ├── Pages/             # Static pages (About, Orders, Search)\n│   └── Product/           # Product-related components\n├── hooks/                 # Custom React hooks\n├── store/                 # Redux store and slices\n├── App.jsx               # Main App component\n└── main.jsx              # Application entry point\n```\n\n## 🎯 Usage\n\n### For Users\n1. **Browse Products**: Visit the home page to see featured products and categories\n2. **Search**: Use the search bar to find specific products\n3. **Shopping**: Add products to cart and proceed to checkout\n4. **Account**: Create an account for order tracking and profile management\n5. **Orders**: View order history and manage orders from the Orders page\n\n### For Developers\n1. **Adding Products**: Add products to Firebase Realtime Database under `/products`\n2. **Categories**: Manage categories under `/categories`\n3. **Styling**: Customize styles in component CSS files and CSS modules\n4. **State Management**: Use Redux slices for state management\n5. **API Integration**: Extend API calls in component files and custom hooks\n\n## 🔐 Authentication\n\nThe application uses Firebase Authentication with the following features:\n- Email/Password authentication\n- User session persistence\n- Profile management\n- Protected routes for authenticated users\n\n## 🛒 Cart Management\n\n- **Guest Users**: Cart data stored in localStorage\n- **Authenticated Users**: Cart data synced with Firebase\n- **Persistence**: Cart state maintained across browser sessions\n- **Real-time Updates**: Automatic cart calculations and updates\n\n## 📱 Responsive Design\n\nThe application is fully responsive with:\n- Mobile-first approach\n- Bootstrap breakpoints\n- Optimized for all screen sizes\n- Touch-friendly interface\n\n## 🚦 Available Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run lint` - Run ESLint\n- `npm run preview` - Preview production build\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 🙏 Acknowledgments\n\n- React team for the amazing framework\n- Bootstrap team for the UI components\n- Firebase team for the backend services\n- Swiper.js for the carousel functionality\n\n## 📞 Support\n\nFor support, email ajay1651@gmail.com or create an issue in the repository.\n\n---\n\n**Built with ❤️ using React and Firebase**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajayygurjar%2Fshoppy_user","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajayygurjar%2Fshoppy_user","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajayygurjar%2Fshoppy_user/lists"}