Fruit and Vegetable Market Shop using MEAN

//index.js

const express = require("express");
const mongoose = require("mongoose");
const cors = require("cors");

const app = express();
app.use(express.json());
app.use(cors());

// Connect to MongoDB
const MONGO_URL = `your db url`;

mongoose
  .connect(MONGO_URL)
  .then(() => {
    console.log("Connected to MongoDB");
    seedProductsData();
  })
  .catch((error) => {
    console.log("Failed to connect to MongoDB", error);
  });

const productsSchema = new mongoose.Schema({
  name: String,
  description: String,
  price: Number,
  type: String,
  image: String,
});
const ProductsModel = mongoose.model("Products", productsSchema);

async function seedProductsData() {
  await ProductsModel.deleteMany({});

  const productsData = [
    {
      name: "Apple",
      type: "Fruit",
      description: "Fresh and crispy",
      price: 150,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142542/apple.jpg",
    },
    {
      name: "Banana",
      type: "Fruit",
      description: "Rich in potassium",
      price: 75,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142554/banana.jpg",
    },
    {
      name: "Orange",
      type: "Fruit",
      description: "Packed with vitamin C",
      price: 200,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142641/orange.jpg",
    },
    {
      name: "Carrot",
      type: "Vegetable",
      description: "Healthy and crunchy",
      price: 100,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142613/carrot.jpg",
    },
    {
      name: "Broccoli",
      type: "Vegetable",
      description: "Nutrient-rich greens",
      price: 175,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142601/brocoli.jpg",
    },
    {
      name: "Grapes",
      type: "Fruit",
      description: "Sweet and juicy",
      price: 250,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142629/grapes.jpg",
    },
    {
      name: "Strawberry",
      type: "Fruit",
      description: "Delicious red berries",
      price: 300,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142657/strawberry.jpg",
    },
    {
      name: "Lettuce",
      type: "Vegetable",
      description: "Crisp and fresh",
      price: 120,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142635/lettue.jpg",
    },
    {
      name: "Tomato",
      type: "Vegetable",
      description: "Versatile and flavorful",
      price: 180,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142704/tomato.jpg",
    },
    {
      name: "Cucumber",
      type: "Vegetable",
      description: "Cool and hydrating",
      price: 130,
      image:
        "https://media.geeksforgeeks.org/wp-content/uploads/20240104142621/cocumber.jpg",
    },
  ];

  await ProductsModel.insertMany(productsData);
  console.log("Products data seeded successfully!");
}

app.get("/api/products", async (req, res) => {
  try {
    const products = await ProductsModel.find({});
    res.status(200).json({ success: true, data: products });
  } catch (error) {
    res.status(500).json({ success: false, error: error.message });
  }
});

const PORT = process.env.PORT || 4000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

// appConfig.config.js

import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';

import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes)]
};

// app.component.ts

import { NgModule } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { NavbarComponent }
  from './components/navbar/navbar.component';
import { ResturentCardComponent }
  from './components/product-card/product-card.component';

import { FormsModule } from '@angular/forms';
import { Router } from '@angular/router';

  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  imports: [
    NavbarComponent,
    ResturentCardComponent,
    ReactiveFormsModule,
    CommonModule,
    FormsModule,
    
  ],
  standalone: true,
})
export class AppComponent implements OnInit {
  title = 'Restro - find your restaurant';
  rating = new FormControl('');
  restaurants: any[] = [];
  filteredRestaurants: any[] = [];
  searchResults: string[] = [];
  searchText: string = '';
  cartTotal: number = 0;
  minPrice = new FormControl('');
  maxPrice = new FormControl('');
  minFilterPrice: number | null = null;
  maxFilterPrice: number | null = null;

  constructor(private http: HttpClient, private router: Router) { }
  

  ngOnInit() {
    this.getRestaurants();
  }

  getRestaurants() {
    this.http.get('http://localhost:4000/api/products').subscribe(
      (response: any) => {
        if (response.success) {
          this.restaurants = response.data;
          this.filterRestaurants();
        }
      },
      (error) => {
        console.log('Error:', error);
      }
    );
  }

  filterRestaurants() {
    this.filteredRestaurants = this.restaurants.filter((restaurant) => {
      let passType = true;
      if (this.rating.value === 'Fruit') {
        passType = restaurant.type === 'Fruit';
      } else if (this.rating.value === 'Vegetable') {
        passType = restaurant.type === 'Vegetable';
      }

      let passPriceRange = true;
      if (this.minFilterPrice !== null) {
        passPriceRange = restaurant.price >= this.minFilterPrice;
      }
      if (this.maxFilterPrice !== null) {
        passPriceRange = passPriceRange && restaurant.price <= this.maxFilterPrice;
      }

      return passType && passPriceRange;
    });
  }
  
  filterByRange() {
    const minValue = this.minPrice.value;
    const maxValue = this.maxPrice.value;
    if (minValue !== null && maxValue !== null) {
      const minPrice = +minValue;
      const maxPrice = +maxValue;

      if (!isNaN(minPrice) && !isNaN(maxPrice) && maxPrice >= minPrice) {
        this.minFilterPrice = minPrice;
        this.maxFilterPrice = maxPrice;
        this.filterRestaurants();
      } else {
        alert("Invalid price range");
      }
    }
  }

  applySearch(): void {
    this.filteredRestaurants = this.restaurants.filter(restaurant =>
      restaurant.name.toLowerCase().includes(this.searchText.toLowerCase())
    );
  }

  addToCart(price: number): void {
    this.cartTotal += price;
  }

  removeFromCart(price: number): void {
    if (this.cartTotal > 0) {
      this.cartTotal -= price;
    } else if(this.cartTotal === 0) {
      // Optionally handle negative total or alert user
      alert("No Item")
      return;
    }
  }
  sortByPrice() {
    this.filteredRestaurants.sort((a, b) => a.price - b.price);
  }
  
}

// product-card/product-card.component.ts

import { Component, Input } from '@angular/core';

@Component({
    selector: 'app-resturent-card',
    templateUrl: './product-card.component.html',
    standalone: true
})
export class ResturentCardComponent {
    @Input() restaurant: any;
}

// navbar/navbar.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'app-navbar',
    templateUrl: './navbar.component.html',
    standalone: true
})
export class NavbarComponent {
    title = 'https://media.geeksforgeeks.org/gfg-gg-logo.svg';
}

// main.ts

import { bootstrapApplication } from '@angular/platform-browser';
import { importProvidersFrom } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, {
    providers: [
        importProvidersFrom(HttpClientModule)
    ]
})
    .catch(err => console.error(err));