Welcome 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. π
- Login & Sign Up: Secure and easy authentication for a personalized experience.
- Product Categories: Browse through a variety of categories like Vegetables, Fruits, Milk & Juice, Personal Health Care, Egg & Chicken, and more.
- Sound Effects: Enjoy delightful sound effects for adding items to the cart and successful checkouts.
- User-Friendly UI/UX: Clean, attractive, and responsive design for the best user experience.
- Secure Payments: Seamless transactions with PayPal integration.
- Validation: Robust form validation for smooth user interactions.
Grofers aims to revolutionize the online grocery shopping experience by providing:
- Convenience: Shop for groceries from anywhere, anytime.
- Wide Product Range: Find all your household essentials in one place.
- Engaging Features: Enjoy unique features like sound effects and a responsive interface.
- Security: Trustworthy transactions with PayPal.
- Next.js 14: For a powerful and scalable React-based framework.
- Tailwind CSS: To style the application with utility-first CSS.
- Stripe: For secure and seamless payment integration.
- Strapi: A headless CMS for managing content.
- PostgreSQL: A robust and scalable relational database.
Homepage |
Create Account Page |
Sign-in Page |
Popular Products |
Shop by Category |
My Cart |
Checkout Process |
Payment Gateway |
Order Successful |
My Orders |
- Node.js and npm installed
- PostgreSQL database (local or cloud instance)
Create a .env.local
file in the root directory and add the following:
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your-stripe-public-key
DATABASE_URL=your-postgresql-database-url
-
Clone the repository:
git clone https://github.com/shubham001official/grofers.git
-
Install dependencies:
cd grofers npm install
-
Run the development server:
npm run dev
-
Open your browser and visit: http://localhost:3000
Contributions are welcome! Feel free to open an issue or submit a pull request.
- Follow consistent code style and adhere to linting rules.
- Provide detailed descriptions for any new features or bug fixes.
For support or feedback, reach out via email: shubham001official@email.com