{"id":25006480,"url":"https://github.com/shubham001official/grofers","last_synced_at":"2025-04-23T13:46:28.304Z","repository":{"id":242190623,"uuid":"808678367","full_name":"shubham001official/grofers","owner":"shubham001official","description":"An online grocery store built with Next.js 14, Tailwind CSS, Strapi, and PostgreSQL. Features a user-friendly UI/UX, categorized products, sound effects, and secure PayPal payments. Deployed on Vercel and Render. 🚀","archived":false,"fork":false,"pushed_at":"2024-06-11T15:50:05.000Z","size":895,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T00:16:04.958Z","etag":null,"topics":["ecommerce","fullstack-development","nextjs14","online-grocery-store","paypal-integration","postgresql","reactjs","render","responsive-design","shopping-cart","strapi-cms","tailwindcss","vercel-deployment","web-development"],"latest_commit_sha":null,"homepage":"https://grofers.vercel.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/shubham001official.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-31T15:19:26.000Z","updated_at":"2025-03-17T10:53:03.000Z","dependencies_parsed_at":"2024-06-01T08:36:58.634Z","dependency_job_id":"b7465dfe-23c4-4e61-a3a5-f4050bb9b821","html_url":"https://github.com/shubham001official/grofers","commit_stats":null,"previous_names":["shubham001official/grofers"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shubham001official%2Fgrofers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shubham001official%2Fgrofers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shubham001official%2Fgrofers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shubham001official%2Fgrofers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shubham001official","download_url":"https://codeload.github.com/shubham001official/grofers/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250442394,"owners_count":21431316,"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","fullstack-development","nextjs14","online-grocery-store","paypal-integration","postgresql","reactjs","render","responsive-design","shopping-cart","strapi-cms","tailwindcss","vercel-deployment","web-development"],"created_at":"2025-02-05T01:49:48.154Z","updated_at":"2025-04-23T13:46:28.274Z","avatar_url":"https://github.com/shubham001official.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Grofers - Online Grocery Store 🛒\n\nWelcome to **Grofers**, your go-to online grocery store for a seamless shopping experience. Purchase groceries and household essentials from the comfort of your home with just a few clicks. 🌟\n\n![Grofers](https://github.com/shubham001official/grofers/assets/109148746/b7042da6-6e25-4ae8-9eb2-d6ddd629ae02)\n\n## 🌟 Features\n\n- **Login \u0026 Sign Up**: Secure and easy authentication for a personalized experience.\n- **Product Categories**: Browse through a variety of categories like Vegetables, Fruits, Milk \u0026 Juice, Personal Health Care, Egg \u0026 Chicken, and more.\n- **Sound Effects**: Enjoy delightful sound effects for adding items to the cart and successful checkouts.\n- **User-Friendly UI/UX**: Clean, attractive, and responsive design for the best user experience.\n- **Secure Payments**: Seamless transactions with PayPal integration.\n- **Validation**: Robust form validation for smooth user interactions.\n\n## 🚀 Purpose\n\nGrofers aims to revolutionize the online grocery shopping experience by providing:\n- **Convenience**: Shop for groceries from anywhere, anytime.\n- **Wide Product Range**: Find all your household essentials in one place.\n- **Engaging Features**: Enjoy unique features like sound effects and a responsive interface.\n- **Security**: Trustworthy transactions with PayPal.\n\n## 🛠️ Technologies\n\n### Frontend\n- **Next.js 14**: For a powerful and scalable React-based framework.\n- **Tailwind CSS**: To style the application with utility-first CSS.\n- **Stripe**: For secure and seamless payment integration.\n\n### Backend\n- **Strapi**: A headless CMS for managing content.\n- **PostgreSQL**: A robust and scalable relational database.\n\n## 🌐 Deployment\n\n- **Frontend**: Deployed on [Vercel](https://grofers.vercel.app).\n- **Backend**: Deployed on [Render](https://render.com).\n\n## 📸 Screenshots\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/1b69d8fb-e6cc-4788-84d8-af53181c8705\" alt=\"Homepage\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eHomepage\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/193e021c-eccf-4f38-b81e-9cb2df9ba0ae\" alt=\"Create Account Page\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eCreate Account Page\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/8da1d631-cf4c-44f5-b431-9f0dd6abd919\" alt=\"Sign-in Page\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eSign-in Page\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/270254ea-3817-4a47-af0a-c58fd6f0173e\" alt=\"Popular Products\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003ePopular Products\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/c0c03000-2400-431f-8ad4-8524a1873a02\" alt=\"Shop by Category\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eShop by Category\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/6dde25b3-219c-47f4-8a64-773af6ef8d80\" alt=\"My Cart\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eMy Cart\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/8f37e8f1-8d02-46f2-b48e-9c34cdeab959\" alt=\"Checkout Process\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eCheckout Process\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/3cc6520c-4d42-46d2-8ae2-1fe9676bad7f\" alt=\"Payment Gateway\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003ePayment Gateway\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/394a0a95-71bb-4ea1-976a-ec3e0832bc42\" alt=\"Order Successful\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eOrder Successful\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd style=\"padding: 10px;\"\u003e\n      \u003cimg src=\"https://github.com/shubham001official/grofers/assets/109148746/af4c48ae-c4db-47f1-852b-3e9c02893115\" alt=\"My Orders\" style=\"border: 2px solid #000; border-radius: 4px; padding: 10px; width: 100%;\"\u003e\n      \u003cp align=\"center\"\u003e\u003cstrong\u003eMy Orders\u003c/strong\u003e\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 📥 Installation \u0026 Setup\n\n### Prerequisites\n- Node.js and npm installed\n- PostgreSQL database (local or cloud instance)\n\n### Environment Variables\nCreate a `.env.local` file in the root directory and add the following:\n```env\nNEXT_PUBLIC_STRIPE_PUBLIC_KEY=your-stripe-public-key\nDATABASE_URL=your-postgresql-database-url\n```\n\n### Steps\n\n1. **Clone the repository**:\n   ```sh\n   git clone https://github.com/shubham001official/grofers.git\n   ```\n\n2. **Install dependencies**:\n   ```sh\n   cd grofers\n   npm install\n   ```\n\n3. **Run the development server**:\n   ```sh\n   npm run dev\n   ```\n\n4. **Open your browser and visit**:\n   [http://localhost:3000](http://localhost:3000)\n\n## 🤝 Contributing\n\nContributions are welcome! Feel free to open an issue or submit a pull request.\n\n1. Follow consistent code style and adhere to linting rules.\n2. Provide detailed descriptions for any new features or bug fixes.\n\n## 📧 Contact\n\nFor support or feedback, reach out via email: [shubham001official@email.com](mailto:shubham001official@email.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshubham001official%2Fgrofers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshubham001official%2Fgrofers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshubham001official%2Fgrofers/lists"}