🛒🌿 GreenCart

GreenCart is a modern web and mobile platform for the sale and management of organic products. It offers a seamless experience for customers and efficient tools for administrators, including real-time analytics and secure transactions.

---

🚀 Features

👥 For Customers

• 🔐 User Authentication: Secure sign-up/login with email or social accounts (Google/Facebook).
• 🛍️ Browse Products: Easily search and filter by category, price, or availability.
• 🛒 Shopping Cart: Manage items in real-time with automatic price calculation.
• 📦 Order Management: Place orders, track delivery, and view history.
• ⭐ Ratings & Reviews: Share feedback to help the community.

🛠️ For Admins

• 📦 Product Management: Add/edit/delete products with inventory alerts.
• 📑 Order Handling: Monitor and process customer orders.
• 👤 Customer Insights: View profiles and activity logs.
• 📊 Analytics Dashboard: Track sales and engagement with rich metrics.

---

🧰 Tech Stack

🖥️ Frontend

• ⚛️ React.js
• 🎨 CSS/SCSS, Material-UI

🧪 Backend

• 🟩 Node.js
• 🔐 OAuth2, JWT Authentication

🗃️ Database

• 🍃 MongoDB (NoSQL)

---

⚙️ Installation & Setup

🔧 Prerequisites

• ✅ Node.js & npm
• ✅ MongoDB (local/cloud)
• ✅ Git

📥 Steps

1. Clone the Repository

   git clone https://github.com/vanshh13/GreenCart.git
   

2. Navigate to the Project Directory:

   cd GreenCart

3. Install Dependencies:

   npm install
   

4. Set Up Environment Variables: Create a .env file in the root directory and add the following:

env MONGO_URI= JWT_SECRET= GOOGLE_CLIENT_ID= GOOGLE_CLIENT_SECRET= FACEBOOK_APP_ID= FACEBOOK_APP_SECRET=

5. Start the Development Server:

   npm start
   
   The application will be accessible at http://localhost:3000.
   

Contribution Guidelines

1. Fork the repository.
2. Create a new branch for your feature or bug fix:

   git checkout -b feature-name
   

3. Commit your changes and push to the branch:

   git commit -m "Added feature-name"
   git push origin feature-name
   

📁 Project Structure GreenCart/
├── 📁 backend/ # Node.js backend files (API, DB config)
│ ├── 📁 config/ # Environment config files
│ ├── 📁 controllers/ # Route controllers for handling
│ ├── 📁 middleware/ # Custom middleware (e.g., auth)
│ ├── 📁 models/ # MongoDB models/schemas
│ ├── 📁 routes/ # Express routes
│ ├── 📁 utils/ # Utility functions (helpers)
│ └── index.js # Entry point for backend server
│
├── 📁 frontend/ # React frontend source files
│ ├── 📁 public/ # Static public assets
│ ├── 📁 src/
│ │ ├── 📁 assets/ # Images, icons, and styles
│ │ ├── 📁 components/ # Reusable UI components
│ │ ├── 📁 pages/ # Page components (Home, Cart, Login)
│ │ ├── 📁 services/ # API calls and services
│ │ ├── 📁 context/ # Context API for global state
│ │ └── App.js # Main React app file
│
├── 📄 .env # Environment variables
├── 📄 .gitignore # Ignored files and folders
├── 📄 package.json # Project metadata and scripts
├── 📄 README.md # Project documentation
└── 📄 LICENSE # License file (if available)

🖼️ Screenshots

• 🧑‍💼 Login Page
  

👤 Customer Side

• 🏠 Home Page
  

• 🗂️ Product Page
  

• 💖 Wishlist Page
  Quick view

• 🛒 Shopping Cart Page
  

• ✍️ Blog Page
  

• 🙍‍♂️ Profile Page
  

• Payment With Razorpay: ---

🔐 Admin Side

• 🗂️ Admin Dashboard
  

• ➕ Add Product
  

• 🧾 Manage Products
  

• 📊 Analysis and Statistics