Grofers - Online Grocery Store 🛒

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. 🌟

🌟 Features

• 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.

🚀 Purpose

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.

🛠️ Technologies

Frontend

• 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.

Backend

• Strapi: A headless CMS for managing content.
• PostgreSQL: A robust and scalable relational database.

🌐 Deployment

• Frontend: Deployed on Vercel.
• Backend: Deployed on Render.

📸 Screenshots

Homepage	Create Account Page
Sign-in Page	Popular Products
Shop by Category	My Cart
Checkout Process	Payment Gateway
Order Successful	My Orders

📥 Installation & Setup

Prerequisites

• Node.js and npm installed
• PostgreSQL database (local or cloud instance)

Environment Variables

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

Steps

1. Clone the repository:

   git clone https://github.com/shubham001official/grofers.git
   

2. Install dependencies:

   cd grofers
   npm install
   

3. Run the development server:

   npm run dev
   

4. Open your browser and visit: http://localhost:3000

🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

1. Follow consistent code style and adhere to linting rules.
2. Provide detailed descriptions for any new features or bug fixes.

📧 Contact

For support or feedback, reach out via email: [email protected]