├── listOfTasks.db ├── E-commerce website ├── e1.jpg ├── e10.jpg ├── e2.jpg ├── e3.jpg ├── e4.jpg ├── e5.jpg ├── e6.jpg ├── e7.jpg ├── e8.jpg ├── e9.jpg ├── i1.jpg ├── i10.jpg ├── i2.jpg ├── i3.jpg ├── i4.jpg ├── i5.jpg ├── i6.jpg ├── i7.jpg ├── i8.jpg ├── i9.jpg ├── k1.jpg ├── k10.jpg ├── k2.jpg ├── k3.jpg ├── k4.jpg ├── k5.jpg ├── k6.jpg ├── k7.jpg ├── k8.jpg ├── k9.jpg ├── m1.jpg ├── m10.jpg ├── m2.jpg ├── m3.jpg ├── m4.jpg ├── m5.jpg ├── m6.jpg ├── m7.jpg ├── m8.jpg ├── m9.jpg ├── s1.jpg ├── s10.jpg ├── s2.jpg ├── s3.jpg ├── s4.jpg ├── s5.jpg ├── s6.jpg ├── s7.jpg ├── s8.jpg ├── s9.jpg ├── t1.jpg ├── t10.jpg ├── t2.jpg ├── t3.jpg ├── t4.jpg ├── t5.jpg ├── t6.jpg ├── t7.jpg ├── t8.jpg ├── t9.jpg ├── w1.jpg ├── w10.jpg ├── w2.jpg ├── w3.jpg ├── w4.jpg ├── w5.jpg ├── w6.jpg ├── w7.jpg ├── w8.jpg ├── w9.jpg ├── Trending.gif ├── style.css ├── index.html ├── to do.html └── script.js ├── Connect Four Game ├── index.html ├── style.css └── script.js ├── Age-Calculator-GUI-using-tKinter ├── README.md └── GUI.py ├── Budget Tracker ├── budget_data.json └── Budget Tracker.py ├── Chat bot.py ├── Basic-Calculator-main └── Cal.html ├── Connect Game.html ├── To-do List.html ├── To do List.py └── Digital Recipe Book.html /listOfTasks.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/listOfTasks.db -------------------------------------------------------------------------------- /E-commerce website/e1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e1.jpg -------------------------------------------------------------------------------- /E-commerce website/e10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e10.jpg -------------------------------------------------------------------------------- /E-commerce website/e2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e2.jpg -------------------------------------------------------------------------------- /E-commerce website/e3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e3.jpg -------------------------------------------------------------------------------- /E-commerce website/e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e4.jpg -------------------------------------------------------------------------------- /E-commerce website/e5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e5.jpg -------------------------------------------------------------------------------- /E-commerce website/e6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e6.jpg -------------------------------------------------------------------------------- /E-commerce website/e7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e7.jpg -------------------------------------------------------------------------------- /E-commerce website/e8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e8.jpg -------------------------------------------------------------------------------- /E-commerce website/e9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/e9.jpg -------------------------------------------------------------------------------- /E-commerce website/i1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i1.jpg -------------------------------------------------------------------------------- /E-commerce website/i10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i10.jpg -------------------------------------------------------------------------------- /E-commerce website/i2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i2.jpg -------------------------------------------------------------------------------- /E-commerce website/i3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i3.jpg -------------------------------------------------------------------------------- /E-commerce website/i4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i4.jpg -------------------------------------------------------------------------------- /E-commerce website/i5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i5.jpg -------------------------------------------------------------------------------- /E-commerce website/i6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i6.jpg -------------------------------------------------------------------------------- /E-commerce website/i7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i7.jpg -------------------------------------------------------------------------------- /E-commerce website/i8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i8.jpg -------------------------------------------------------------------------------- /E-commerce website/i9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/i9.jpg -------------------------------------------------------------------------------- /E-commerce website/k1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k1.jpg -------------------------------------------------------------------------------- /E-commerce website/k10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k10.jpg -------------------------------------------------------------------------------- /E-commerce website/k2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k2.jpg -------------------------------------------------------------------------------- /E-commerce website/k3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k3.jpg -------------------------------------------------------------------------------- /E-commerce website/k4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k4.jpg -------------------------------------------------------------------------------- /E-commerce website/k5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k5.jpg -------------------------------------------------------------------------------- /E-commerce website/k6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k6.jpg -------------------------------------------------------------------------------- /E-commerce website/k7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k7.jpg -------------------------------------------------------------------------------- /E-commerce website/k8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k8.jpg -------------------------------------------------------------------------------- /E-commerce website/k9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/k9.jpg -------------------------------------------------------------------------------- /E-commerce website/m1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m1.jpg -------------------------------------------------------------------------------- /E-commerce website/m10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m10.jpg -------------------------------------------------------------------------------- /E-commerce website/m2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m2.jpg -------------------------------------------------------------------------------- /E-commerce website/m3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m3.jpg -------------------------------------------------------------------------------- /E-commerce website/m4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m4.jpg -------------------------------------------------------------------------------- /E-commerce website/m5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m5.jpg -------------------------------------------------------------------------------- /E-commerce website/m6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m6.jpg -------------------------------------------------------------------------------- /E-commerce website/m7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m7.jpg -------------------------------------------------------------------------------- /E-commerce website/m8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m8.jpg -------------------------------------------------------------------------------- /E-commerce website/m9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/m9.jpg -------------------------------------------------------------------------------- /E-commerce website/s1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s1.jpg -------------------------------------------------------------------------------- /E-commerce website/s10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s10.jpg -------------------------------------------------------------------------------- /E-commerce website/s2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s2.jpg -------------------------------------------------------------------------------- /E-commerce website/s3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s3.jpg -------------------------------------------------------------------------------- /E-commerce website/s4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s4.jpg -------------------------------------------------------------------------------- /E-commerce website/s5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s5.jpg -------------------------------------------------------------------------------- /E-commerce website/s6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s6.jpg -------------------------------------------------------------------------------- /E-commerce website/s7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s7.jpg -------------------------------------------------------------------------------- /E-commerce website/s8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s8.jpg -------------------------------------------------------------------------------- /E-commerce website/s9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/s9.jpg -------------------------------------------------------------------------------- /E-commerce website/t1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t1.jpg -------------------------------------------------------------------------------- /E-commerce website/t10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t10.jpg -------------------------------------------------------------------------------- /E-commerce website/t2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t2.jpg -------------------------------------------------------------------------------- /E-commerce website/t3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t3.jpg -------------------------------------------------------------------------------- /E-commerce website/t4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t4.jpg -------------------------------------------------------------------------------- /E-commerce website/t5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t5.jpg -------------------------------------------------------------------------------- /E-commerce website/t6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t6.jpg -------------------------------------------------------------------------------- /E-commerce website/t7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t7.jpg -------------------------------------------------------------------------------- /E-commerce website/t8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t8.jpg -------------------------------------------------------------------------------- /E-commerce website/t9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/t9.jpg -------------------------------------------------------------------------------- /E-commerce website/w1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w1.jpg -------------------------------------------------------------------------------- /E-commerce website/w10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w10.jpg -------------------------------------------------------------------------------- /E-commerce website/w2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w2.jpg -------------------------------------------------------------------------------- /E-commerce website/w3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w3.jpg -------------------------------------------------------------------------------- /E-commerce website/w4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w4.jpg -------------------------------------------------------------------------------- /E-commerce website/w5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w5.jpg -------------------------------------------------------------------------------- /E-commerce website/w6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w6.jpg -------------------------------------------------------------------------------- /E-commerce website/w7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w7.jpg -------------------------------------------------------------------------------- /E-commerce website/w8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w8.jpg -------------------------------------------------------------------------------- /E-commerce website/w9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/w9.jpg -------------------------------------------------------------------------------- /E-commerce website/Trending.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Karthikg1908/Simple-Projects/HEAD/E-commerce website/Trending.gif -------------------------------------------------------------------------------- /Connect Four Game/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Connect Four 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Age-Calculator-GUI-using-tKinter/README.md: -------------------------------------------------------------------------------- 1 | # Age-Calculator-GUI-using-tKinter- 2 | Here you can see the sample result of age calculator 3 | 4 | ![image](https://github.com/Karthikg1908/Age-Calculator-GUI-using-tKinter-/assets/86306862/d85f3440-8987-4e58-8eeb-4cd29c970e09) 5 | 6 | ![image](https://github.com/Karthikg1908/Age-Calculator-GUI-using-tKinter-/assets/86306862/7dcda93c-47b4-40f9-ba36-13518018ddf6) 7 | 8 | ![image](https://github.com/Karthikg1908/Age-Calculator-GUI-using-tKinter-/assets/86306862/2f30c312-e298-48a5-9f19-0211c9aa1430) 9 | -------------------------------------------------------------------------------- /Budget Tracker/budget_data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "category": "Salary", 4 | "amount": 65000.0, 5 | "type": "income" 6 | }, 7 | { 8 | "category": "Food", 9 | "amount": 2000.0, 10 | "type": "expense" 11 | }, 12 | { 13 | "category": "Rent", 14 | "amount": 8000.0, 15 | "type": "expense" 16 | }, 17 | { 18 | "category": "Shopping", 19 | "amount": 2000.0, 20 | "type": "expense" 21 | }, 22 | { 23 | "category": "Bills", 24 | "amount": 2000.0, 25 | "type": "expense" 26 | } 27 | ] -------------------------------------------------------------------------------- /Connect Four Game/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | height: 100vh; 6 | margin: 0; 7 | } 8 | 9 | #board { 10 | display: grid; 11 | grid-template-columns: repeat(7, 80px); 12 | gap: 5px; 13 | } 14 | 15 | .cell { 16 | width: 80px; 17 | height: 80px; 18 | border: 2px solid #333; 19 | border-radius: 50%; 20 | cursor: pointer; 21 | } 22 | 23 | .player1 { 24 | background-color: #f00; 25 | } 26 | 27 | .player2 { 28 | background-color: #00f; 29 | } 30 | 31 | .winner { 32 | background-color: yellow; 33 | } 34 | -------------------------------------------------------------------------------- /Chat bot.py: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # Define a dictionary of rules and responses 4 | rules = { 5 | r'hello|hi|hey': 'Hello! How can I assist you today?', 6 | r'how are you': 'I am just a chatbot, but I am here to help you!', 7 | r'what is your name': "I'm just a simple rule-based chatbot.", 8 | r'bye|goodbye': 'Goodbye! Have a great day!', 9 | r'help': 'I can assist you with general questions. Just ask me anything!', 10 | } 11 | 12 | # Function to generate a response based on user input 13 | def generate_response(user_input): 14 | for pattern, response in rules.items(): 15 | if re.search(pattern, user_input, re.IGNORECASE): 16 | return response 17 | return "I'm sorry, I don't understand that." 18 | 19 | # Main loop for the chatbot 20 | while True: 21 | user_input = input("You: ") 22 | if user_input.lower() == 'exit': 23 | print("Chatbot: Goodbye!") 24 | break 25 | response = generate_response(user_input) 26 | print("Chatbot:", response) 27 | -------------------------------------------------------------------------------- /Age-Calculator-GUI-using-tKinter/GUI.py: -------------------------------------------------------------------------------- 1 | # This is the program for Calculating The Age with GUI Tkinter 2 | 3 | import datetime 4 | import tkinter as tk 5 | import messagebox 6 | from tkinter import * 7 | window=tk.Tk() 8 | window.geometry("300x300") 9 | window.configure(bg='light blue') 10 | window.title(" Age Calculator App ") 11 | messagebox.showinfo("Age Calculator", "Click here to calclulate your age") 12 | name = tk.Label(text = "Name",bg='orange') 13 | name.grid(column=0,row=1) 14 | year = tk.Label(text = "Year",bg='White') 15 | year.grid(column=0,row=2) 16 | month = tk.Label(text = "Month",bg='green') 17 | month.grid(column=0,row=3) 18 | date = tk.Label(text = "Day") 19 | date.grid(column=0,row=4) 20 | nameEntry = tk.Entry() 21 | nameEntry.grid(column=1,row=1) 22 | yearEntry = tk.Entry() 23 | yearEntry.grid(column=1,row=2) 24 | monthEntry = tk.Entry() 25 | monthEntry.grid(column=1,row=3) 26 | dateEntry = tk.Entry() 27 | dateEntry.grid(column=1,row=4) 28 | def getInput(): 29 | name=nameEntry.get() 30 | tiger = Person(name,datetime.date(int(yearEntry.get()),int(monthEntry.get()),int(dateEntry.get()))) 31 | textArea = tk.Text(master=window,height=10,width=25) 32 | textArea.grid(column=1,row=5) 33 | answer = " Heyy {tiger}!!!. You are {age} years old!!! ".format(tiger=name, age=tiger.age()) 34 | textArea.insert(tk.END,answer) 35 | 36 | button=tk.Button(window,text="Calculate Age",command=getInput,bg="red") 37 | button.grid(column=1,row=5) 38 | 39 | class Person: 40 | def __init__(self,name,birthdate): 41 | self.name = name 42 | self.birthdate = birthdate 43 | def age(self): 44 | today = datetime.date.today() 45 | age = today.year-self.birthdate.year 46 | return age 47 | window.mainloop() -------------------------------------------------------------------------------- /E-commerce website/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | margin: 0; 4 | padding: 0; 5 | } 6 | .marquee{ 7 | font-size: 30px; 8 | font-weight: 800; 9 | color: #8ebf42; 10 | font-family: times new roman; 11 | } 12 | header { 13 | background-color: #333; 14 | color: #fff; 15 | text-align: center; 16 | padding: 1rem; 17 | display: flex; 18 | justify-content: space-between; 19 | align-items: center; 20 | padding: 20px; 21 | } 22 | .h1{ background-color: red; 23 | color: white; 24 | text-align: center; 25 | padding: 1rem; 26 | } 27 | .main { 28 | padding: 1rem; 29 | } 30 | 31 | .product { 32 | border: 1px solid #ddd; 33 | padding: 1rem; 34 | margin: 1rem; 35 | border-color:black; 36 | display: inline-block; 37 | } 38 | 39 | .product img { 40 | max-width: 125px; 41 | max-height: 125px; 42 | } 43 | 44 | .product h2 { 45 | font-size: 1.2rem; 46 | } 47 | 48 | .product button { 49 | background-color: #007BFF; 50 | color: #fff; 51 | border: none; 52 | padding: 0.5rem 1rem; 53 | cursor: pointer; 54 | } 55 | nav ul { 56 | list-style-type: none; 57 | } 58 | 59 | nav ul li { 60 | display: inline-block; 61 | margin-left: 10px; 62 | } 63 | 64 | nav ul li a { 65 | text-decoration: none; 66 | color: #333; 67 | } 68 | .center { 69 | display: block; 70 | margin-left: auto; 71 | margin-right: auto; 72 | width: 50%; 73 | } 74 | 75 | footer { 76 | text-align: center; 77 | background-color: #333; 78 | color: #fff; 79 | padding: 10px 0; 80 | font-size: 14px; 81 | } 82 | footer a { 83 | color: #fff; 84 | text-decoration: none; 85 | } 86 | 87 | .marquee1{ 88 | font-size: 20px; 89 | font-weight: 800; 90 | color:black; 91 | font-family: times new roman; 92 | } 93 | .h2{ background-color: lightblue; 94 | color: black; 95 | text-align: center; 96 | padding: 1rem; 97 | font-size: 20px 98 | } -------------------------------------------------------------------------------- /E-commerce website/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | System Tron E-Commerce Website 7 | 8 | 9 | 10 |
11 |

System Tron E-Commerce Store

12 | 13 |
14 | Welcome to System Tron E-Commerce Store 15 |
16 | 28 |
29 |

30 |
31 | --> 10% Instant Discount with selected Bank Credit & Debit Cards (including EMI transactions) on purchase of select products. 32 |
33 | --> Additional Instant Discount of up to INR 9,250 with ICICI Bank Credit Cards (including EMI transactions) & Debit Card (EMI Txns only) on purchase of select products 34 | 35 |
36 |

Kids

37 | 38 |
39 |
40 |
41 |
42 |
43 |

Men's

44 |
45 |
46 |
47 |
48 |
49 |

Women's

50 |
51 |
52 |
53 |
54 |
55 |

Eletronics

56 |
57 |
58 |
59 |
60 |
61 |

Shoes

62 |
63 |
64 |
65 |
66 |
67 |

Toy's

68 |
69 |
70 |
71 |
72 |
73 |

Travel

74 |
75 |
76 |
77 |
78 | 79 |

Thank you for your order! We’ll let you know as soon as it ships.

80 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /Budget Tracker/Budget Tracker.py: -------------------------------------------------------------------------------- 1 | import json 2 | import os 3 | 4 | class BudgetTracker: 5 | def __init__(self): 6 | self.transactions = [] 7 | 8 | def load_data(self, filename='budget_data.json'): 9 | if os.path.exists(filename): 10 | with open(filename, 'r') as file: 11 | self.transactions = json.load(file) 12 | 13 | def save_data(self, filename='budget_data.json'): 14 | with open(filename, 'w') as file: 15 | json.dump(self.transactions, file, indent=2) 16 | 17 | def add_transaction(self, category, amount, transaction_type): 18 | transaction = { 19 | 'category': category, 20 | 'amount': amount, 21 | 'type': transaction_type 22 | } 23 | self.transactions.append(transaction) 24 | 25 | def calculate_budget(self): 26 | income = sum(transaction['amount'] for transaction in self.transactions if transaction['type'] == 'income') 27 | expenses = sum(transaction['amount'] for transaction in self.transactions if transaction['type'] == 'expense') 28 | return income - expenses 29 | 30 | def analyze_expenses(self): 31 | expense_categories = {} 32 | for transaction in self.transactions: 33 | if transaction['type'] == 'expense': 34 | category = transaction['category'] 35 | amount = transaction['amount'] 36 | expense_categories[category] = expense_categories.get(category, 0) + amount 37 | return expense_categories 38 | 39 | def main(): 40 | budget_tracker = BudgetTracker() 41 | budget_tracker.load_data() 42 | 43 | while True: 44 | print("\n===== Budget Tracker =====") 45 | print("1. Add Income") 46 | print("2. Add Expense") 47 | print("3. View Budget") 48 | print("4. Expense Analysis") 49 | print("5. Save and Exit") 50 | 51 | choice = input("Enter your choice (1-5): ") 52 | 53 | if choice == '1': 54 | category = input("Enter income category: ") 55 | amount = float(input("Enter income amount: ")) 56 | budget_tracker.add_transaction(category, amount, 'income') 57 | print("Income added successfully!") 58 | 59 | elif choice == '2': 60 | category = input("Enter expense category: ") 61 | amount = float(input("Enter expense amount: ")) 62 | budget_tracker.add_transaction(category, amount, 'expense') 63 | print("Expense added successfully!") 64 | 65 | elif choice == '3': 66 | remaining_budget = budget_tracker.calculate_budget() 67 | print(f"Remaining Budget: ₹{remaining_budget:.2f}") 68 | 69 | elif choice == '4': 70 | expense_analysis = budget_tracker.analyze_expenses() 71 | print("\nExpense Analysis:") 72 | for category, amount in expense_analysis.items(): 73 | print(f"{category}: ₹{amount:.2f}") 74 | 75 | elif choice == '5': 76 | budget_tracker.save_data() 77 | print("Data saved. Exiting...") 78 | break 79 | 80 | else: 81 | print("Invalid choice. Please enter a number between 1 and 5.") 82 | 83 | if __name__ == "__main__": 84 | main() 85 | -------------------------------------------------------------------------------- /Basic-Calculator-main/Cal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Basic Calculator 5 | 35 | 36 | 37 |

38 |

Basic Calculator

39 |

40 |
41 |
42 | 43 | 44 | 45 | 46 |
47 | 48 | 49 | 50 | 51 |
52 | 53 | 54 | 55 | 56 | 57 |
58 | 59 | 60 | 61 | 62 | 63 |
64 | 65 | 66 | 67 | 68 |
69 | 70 |
71 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /Connect Four Game/script.js: -------------------------------------------------------------------------------- 1 | document.addEventListener('DOMContentLoaded', () => { 2 | const board = document.getElementById('board'); 3 | let currentPlayer = 1; 4 | let isGameOver = false; 5 | 6 | // Create the Connect Four board 7 | for (let row = 0; row < 6; row++) { 8 | for (let col = 0; col < 7; col++) { 9 | const cell = document.createElement('div'); 10 | cell.className = 'cell'; 11 | cell.dataset.row = row; 12 | cell.dataset.col = col; 13 | board.appendChild(cell); 14 | } 15 | } 16 | 17 | // Add click event listener to each cell 18 | const cells = document.querySelectorAll('.cell'); 19 | cells.forEach(cell => cell.addEventListener('click', handleCellClick)); 20 | 21 | function handleCellClick() { 22 | if (isGameOver) return; 23 | 24 | const clickedRow = parseInt(this.dataset.row); 25 | const clickedCol = parseInt(this.dataset.col); 26 | 27 | // Check if the clicked column is valid 28 | if (isValidMove(clickedCol)) { 29 | const emptyCell = findEmptyCell(clickedCol); 30 | const currentPlayerClass = currentPlayer === 1 ? 'player1' : 'player2'; 31 | 32 | emptyCell.classList.add(currentPlayerClass); 33 | 34 | if (checkForWinner(clickedRow, clickedCol)) { 35 | isGameOver = true; 36 | highlightWinningCells(); 37 | alert(`Player ${currentPlayer} wins!`); 38 | } else if (checkForDraw()) { 39 | isGameOver = true; 40 | alert('It\'s a draw!'); 41 | } else { 42 | currentPlayer = 3 - currentPlayer; // Switch player (1 -> 2 or 2 -> 1) 43 | } 44 | } 45 | } 46 | 47 | function isValidMove(col) { 48 | return !cells[col].classList.contains('player1') && !cells[col].classList.contains('player2'); 49 | } 50 | 51 | function findEmptyCell(col) { 52 | for (let row = 5; row >= 0; row--) { 53 | const cell = cells[row * 7 + col]; 54 | if (!cell.classList.contains('player1') && !cell.classList.contains('player2')) { 55 | return cell; 56 | } 57 | } 58 | } 59 | 60 | function checkForWinner(row, col) { 61 | return ( 62 | checkDirection(row, col, 0, 1) || // Check horizontally 63 | checkDirection(row, col, 1, 0) || // Check vertically 64 | checkDirection(row, col, 1, 1) || // Check diagonally (top-left to bottom-right) 65 | checkDirection(row, col, 1, -1) // Check diagonally (top-right to bottom-left) 66 | ); 67 | } 68 | 69 | function checkDirection(row, col, rowIncrement, colIncrement) { 70 | const playerClass = currentPlayer === 1 ? 'player1' : 'player2'; 71 | let count = 1; 72 | 73 | // Check to the left/up 74 | for (let i = 1; i <= 3; i++) { 75 | const newRow = row - i * rowIncrement; 76 | const newCol = col - i * colIncrement; 77 | 78 | if (newRow < 0 || newCol < 0 || newRow >= 6 || newCol >= 7) { 79 | break; 80 | } 81 | 82 | const cell = cells[newRow * 7 + newCol]; 83 | if (cell.classList.contains(playerClass)) { 84 | count++; 85 | } else { 86 | break; 87 | } 88 | } 89 | 90 | // Check to the right/down 91 | for (let i = 1; i <= 3; i++) { 92 | const newRow = row + i * rowIncrement; 93 | const newCol = col + i * colIncrement; 94 | 95 | if (newRow < 0 || newCol < 0 || newRow >= 6 || newCol >= 7) { 96 | break; 97 | } 98 | 99 | const cell = cells[newRow * 7 + newCol]; 100 | if (cell.classList.contains(playerClass)) { 101 | count++; 102 | } else { 103 | break; 104 | } 105 | } 106 | 107 | return count >= 4; 108 | } 109 | 110 | function highlightWinningCells() { 111 | const playerClass = currentPlayer === 1 ? 'player1' : 'player2'; 112 | const winningCells = document.querySelectorAll(`.${playerClass}`); 113 | winningCells.forEach(cell => cell.classList.add('winner')); 114 | } 115 | 116 | function checkForDraw() { 117 | return Array.from(cells).every(cell => cell.classList.contains('player1') || cell.classList.contains('player2')); 118 | } 119 | }); 120 | -------------------------------------------------------------------------------- /Connect Game.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Connect Four 7 | 41 | 42 | 43 | 44 |
45 | 46 | 148 | 149 | 150 | 151 | -------------------------------------------------------------------------------- /To-do List.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 127 | 128 | 129 | 130 |
131 |

My To Do List

132 | 133 | Add 134 |
135 | 136 | 139 | 140 | 197 | 198 | 199 | -------------------------------------------------------------------------------- /E-commerce website/to do.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 127 | 128 | 129 | 130 |
131 |

My To Do List

132 | 133 | Add 134 |
135 | 136 | 144 | 145 | 202 | 203 | 204 | 205 | -------------------------------------------------------------------------------- /To do List.py: -------------------------------------------------------------------------------- 1 | # importing the required modules 2 | import tkinter as tk 3 | from tkinter import ttk 4 | from tkinter import messagebox 5 | import sqlite3 as sql 6 | 7 | # defining the function to add tasks to the list 8 | def add_task(): 9 | task_string = task_field.get() 10 | if len(task_string) == 0: 11 | messagebox.showinfo('Error', 'Field is Empty.') 12 | else: 13 | tasks.append(task_string) 14 | the_cursor.execute('insert into tasks values (?)', (task_string ,)) 15 | list_update() 16 | task_field.delete(0, 'end') 17 | 18 | # defining the function to update the list 19 | def list_update(): 20 | clear_list() 21 | for task in tasks: 22 | task_listbox.insert('end', task) 23 | 24 | def delete_task(): 25 | try: 26 | the_value = task_listbox.get(task_listbox.curselection()) 27 | if the_value in tasks: 28 | tasks.remove(the_value) 29 | list_update() 30 | the_cursor.execute('delete from tasks where title = ?', (the_value,)) 31 | except: 32 | messagebox.showinfo('Error', 'No Task Selected. Cannot Delete.') 33 | 34 | # function to delete all tasks from the list 35 | def delete_all_tasks(): 36 | message_box = messagebox.askyesno('Delete All', 'Are you sure?') 37 | if message_box == True: 38 | while(len(tasks) != 0): 39 | tasks.pop() 40 | the_cursor.execute('delete from tasks') 41 | list_update() 42 | 43 | # function to clear the list 44 | def clear_list(): 45 | task_listbox.delete(0, 'end') 46 | 47 | # function to close the application 48 | def close(): 49 | print(tasks) 50 | guiWindow.destroy() 51 | 52 | # function to retrieve data from the database 53 | def retrieve_database(): 54 | while(len(tasks) != 0): 55 | tasks.pop() 56 | for row in the_cursor.execute('select title from tasks'): 57 | tasks.append(row[0]) 58 | 59 | # main function 60 | if __name__ == "__main__": 61 | guiWindow = tk.Tk() 62 | guiWindow.title("To-Do List Manager") 63 | guiWindow.geometry("500x450+750+250") 64 | guiWindow.resizable(0, 0) 65 | guiWindow.configure(bg = "#ECF0F1") 66 | 67 | the_connection = sql.connect('listOfTasks.db') 68 | the_cursor = the_connection.cursor() 69 | the_cursor.execute('create table if not exists tasks (title text)') 70 | 71 | # defining an empty list 72 | tasks = [] 73 | 74 | # defining frames using the tk.Frame() widget 75 | header_frame = tk.Frame(guiWindow, bg = "#D7BDE2") 76 | functions_frame = tk.Frame(guiWindow, bg = "#D1F2EB") 77 | listbox_frame = tk.Frame(guiWindow, bg = "#D1F2EB") 78 | 79 | # using the pack() method to place the frames in the application 80 | header_frame.pack(fill = "both") 81 | functions_frame.pack(side = "left", expand = True, fill = "both") 82 | listbox_frame.pack(side = "right", expand = True, fill = "both") 83 | 84 | # defining a label using the ttk.Label() widget 85 | header_label = ttk.Label( 86 | header_frame, 87 | text = "The To-Do List", 88 | font = ("Algerian", "35"), 89 | background = "#ECF0F1", 90 | foreground = "#8B4513" 91 | ) 92 | # using the pack() method to place the label in the application 93 | header_label.pack(padx = 20, pady = 20) 94 | 95 | # defining another label using the ttk.Label() widget 96 | task_label = ttk.Label( 97 | functions_frame, 98 | text = "Enter the Task :", 99 | font = ("Bradley Hand ITC", "16", "bold"), 100 | background = "#D1F2EB", 101 | foreground = "#000000" 102 | ) 103 | # using the place() method to place the label in the application 104 | task_label.place(x = 30, y = 40) 105 | 106 | # defining an entry field using the ttk.Entry() widget 107 | task_field = ttk.Entry( 108 | functions_frame, 109 | font = ("Times New Roman", "12"), 110 | width = 18, 111 | background = "#FFF8DC", 112 | foreground = "#A52A2A" 113 | ) 114 | # using the place() method to place the entry field in the application 115 | task_field.place(x = 40, y = 80) 116 | 117 | # adding buttons to the application using the ttk.Button() widget 118 | add_button = ttk.Button( 119 | functions_frame, 120 | text = "Add Task", 121 | width = 24, 122 | command = add_task 123 | ) 124 | del_button = ttk.Button( 125 | functions_frame, 126 | text = "Delete Task", 127 | width = 24, 128 | command = delete_task 129 | ) 130 | del_all_button = ttk.Button( 131 | functions_frame, 132 | text = "Delete All Tasks", 133 | width = 24, 134 | command = delete_all_tasks 135 | ) 136 | exit_button = ttk.Button( 137 | functions_frame, 138 | text = "Exit", 139 | width = 24, 140 | command = close 141 | ) 142 | # using the place() method to set the position of the buttons in the application 143 | add_button.place(x = 40, y = 120) 144 | del_button.place(x = 40, y = 160) 145 | del_all_button.place(x = 40, y = 200) 146 | exit_button.place(x = 40, y = 240) 147 | 148 | # defining a list box using the tk.Listbox() widget 149 | task_listbox = tk.Listbox( 150 | listbox_frame, 151 | width = 26, 152 | height = 10, 153 | selectmode = 'SINGLE', 154 | background = "#F2F3F4", 155 | foreground = "Black", 156 | selectbackground = "red", 157 | selectforeground = "#FFFFFF" 158 | ) 159 | # using the place() method to place the list box in the application 160 | task_listbox.place(x = 50, y = 80) 161 | 162 | # calling some functions 163 | retrieve_database() 164 | list_update() 165 | # using the mainloop() method to run the application 166 | guiWindow.mainloop() 167 | # establishing the connection with database 168 | the_connection.commit() 169 | the_cursor.close() 170 | -------------------------------------------------------------------------------- /Digital Recipe Book.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Digital Recipe Book 7 | 92 | 93 | 94 |

Digital Recipe Book

95 | 98 |
99 | 110 |
111 |
112 | 113 |
114 |
115 |

AI Recommendations

116 |
117 | 118 |
119 |
120 | 215 | 216 | 217 | -------------------------------------------------------------------------------- /E-commerce website/script.js: -------------------------------------------------------------------------------- 1 | // Start adding Product for Kids 2 | const products = [ 3 | { 4 | id: 1, 5 | name: "Kurta for kids", 6 | price: 299, 7 | image: " k1.jpg" 8 | }, 9 | { 10 | id: 2, 11 | name: "Frock", 12 | price: 459, 13 | image: " k2.jpg" 14 | }, 15 | { 16 | id: 1, 17 | name: "Pant & Shirt", 18 | price: 358, 19 | image: " k3.jpg" 20 | }, 21 | { 22 | id: 2, 23 | name: "Mini Frock", 24 | price: 199, 25 | image: " k4.jpg" 26 | }, 27 | { 28 | id: 1, 29 | name: "suit for boys", 30 | price: 789, 31 | image: " k5.jpg" 32 | }, 33 | { 34 | id: 2, 35 | name: "Combo Frocks", 36 | price: 899, 37 | image: " k6.jpg" 38 | }, 39 | { 40 | id: 1, 41 | name: "T-shirt", 42 | price: 125, 43 | image: " k7.jpg" 44 | }, 45 | { 46 | id: 2, 47 | name: "Kurta", 48 | price: 499, 49 | image: " k8.jpg" 50 | }, 51 | { 52 | id: 1, 53 | name: "Shirt & pant", 54 | price: 799, 55 | image: " k9.jpg" 56 | }, 57 | { 58 | id: 2, 59 | name: "Kid dress", 60 | price: 489, 61 | image: " k10.jpg" 62 | }, 63 | // Add more products here 64 | ]; 65 | // End of adding Product for Kids 66 | 67 | // Start adding Product for Men's 68 | 69 | const products1 = [ 70 | { 71 | id: 1, 72 | name: "Blazor", 73 | price: 1099, 74 | image: " m1.jpg" 75 | }, 76 | { 77 | id: 2, 78 | name: "Combo T-shirts", 79 | price: 740, 80 | image: " m2.jpg" 81 | }, 82 | { 83 | id: 1, 84 | name: "Pink Shirt", 85 | price: 299, 86 | image: " m3.jpg" 87 | }, 88 | { 89 | id: 2, 90 | name: "Combo Shirts", 91 | price: 1199, 92 | image: " m4.jpg" 93 | }, 94 | { 95 | id: 1, 96 | name: "kurtha", 97 | price: 455, 98 | image: " m5.jpg" 99 | }, 100 | { 101 | id: 2, 102 | name: "Black Tshirt", 103 | price: 199, 104 | image: " m6.jpg" 105 | }, 106 | { 107 | id: 1, 108 | name: "Nike", 109 | price: 999, 110 | image: " m7.jpg" 111 | }, 112 | { 113 | id: 2, 114 | name: "Combo Pants", 115 | price: 658, 116 | image: " m8.jpg" 117 | }, 118 | { 119 | id: 1, 120 | name: "Jeans pant", 121 | price: 499, 122 | image: " m9.jpg" 123 | }, 124 | { 125 | id: 2, 126 | name: "Formal Pants", 127 | price: 899, 128 | image: " m10.jpg" 129 | }, 130 | , 131 | // Add more products here 132 | ]; 133 | // End adding Product for Men's 134 | 135 | // Start adding Product for Women's 136 | const products2 = [ 137 | { 138 | id: 1, 139 | name: "Long gown", 140 | price: 599, 141 | image: " w1.jpg" 142 | }, 143 | { 144 | id: 2, 145 | name: "Long Top", 146 | price: 799, 147 | image: " w2.jpg" 148 | }, 149 | { 150 | id: 1, 151 | name: "Chudidhar", 152 | price: 1200, 153 | image: " w3.jpg" 154 | }, 155 | { 156 | id: 2, 157 | name: "Short jeans top", 158 | price: 349, 159 | image: " w4.jpg" 160 | }, 161 | { 162 | id: 1, 163 | name: "Full sleeves tops", 164 | price: 399, 165 | image: " w5.jpg" 166 | }, 167 | { 168 | id: 2, 169 | name: "Jeans full length top", 170 | price: 299, 171 | image: " w6.jpg" 172 | }, 173 | { 174 | id: 1, 175 | name: "Hoodie with pants", 176 | price: 899, 177 | image: " w7.jpg" 178 | }, 179 | { 180 | id: 2, 181 | name: "Top with pant", 182 | price: 999, 183 | image: " w8.jpg" 184 | }, 185 | { 186 | id: 1, 187 | name: "Top with pant", 188 | price: 799, 189 | image: " w9.jpg" 190 | }, 191 | { 192 | id: 2, 193 | name: "Night Dress", 194 | price: 459, 195 | image: " w10.jpg" 196 | }, 197 | // Add more products here 198 | ]; 199 | // End adding Product for Women's 200 | 201 | // Start adding Product for Eletronics 202 | 203 | const products3 = [ 204 | { 205 | id: 1, 206 | name: "Bluetooth earbuds", 207 | price: 1099, 208 | image: " e1.jpg" 209 | }, 210 | { 211 | id: 2, 212 | name: "Kitchen gadgets", 213 | price: 1999, 214 | image: " e2.jpg" 215 | }, 216 | { 217 | id: 1, 218 | name: "Speakers", 219 | price: 2499, 220 | image: " e3.jpg" 221 | }, 222 | { 223 | id: 2, 224 | name: "Eletronics products", 225 | price: 15000, 226 | image: " e4.jpg" 227 | }, 228 | { 229 | id: 1, 230 | name: "Laptop", 231 | price: 55499, 232 | image: " e5.jpg" 233 | }, 234 | { 235 | id: 2, 236 | name: "Hp Laptop", 237 | price: 69999, 238 | image: " e6.jpg" 239 | }, 240 | { 241 | id: 1, 242 | name: "LG Fridge", 243 | price: 15000, 244 | image: " e7.jpg" 245 | }, 246 | { 247 | id: 2, 248 | name: "Samsung Fridge", 249 | price: 21999, 250 | image: " e8.jpg" 251 | }, 252 | { 253 | id: 1, 254 | name: "Washing Machine", 255 | price: 30699, 256 | image: " e9.jpg" 257 | }, 258 | { 259 | id: 2, 260 | name: "LED Tv", 261 | price: 22000, 262 | image: " e10.jpg" 263 | }, 264 | // Add more products here 265 | ]; 266 | // End of adding Product for Eletronics 267 | 268 | // Start adding Product for Shoes 269 | 270 | const products4 = [ 271 | { 272 | id: 1, 273 | name: "Nike", 274 | price: 2999, 275 | image: " s1.jpg" 276 | }, 277 | { 278 | id: 2, 279 | name: "Puma", 280 | price: 2999, 281 | image: " s2.jpg" 282 | }, 283 | { 284 | id: 1, 285 | name: "Campus", 286 | price: 699, 287 | image: " s3.jpg" 288 | }, 289 | { 290 | id: 2, 291 | name: "Paragon", 292 | price: 399, 293 | image: " s4.jpg" 294 | }, 295 | { 296 | id: 1, 297 | name: "Casual", 298 | price: 989, 299 | image: " s5.jpg" 300 | }, 301 | { 302 | id: 2, 303 | name: "Nike", 304 | price: 3399, 305 | image: " s6.jpg" 306 | }, 307 | { 308 | id: 1, 309 | name: "Woodland", 310 | price: 3999, 311 | image: " s7.jpg" 312 | }, 313 | { 314 | id: 2, 315 | name: "Metro", 316 | price: 1599, 317 | image: " s8.jpg" 318 | }, 319 | { 320 | id: 1, 321 | name: "Liberty", 322 | price: 3569, 323 | image: " s9.jpg" 324 | }, 325 | { 326 | id: 2, 327 | name: "Adidas", 328 | price: 6999, 329 | image: " s10.jpg" 330 | }, 331 | // Add more products here 332 | ]; 333 | // End of adding Product for Shoes 334 | 335 | // Start adding Product for Toy's 336 | const products5 = [ 337 | { 338 | id: 1, 339 | name: "Panda", 340 | price: 399, 341 | image: " i1.jpg" 342 | }, 343 | { 344 | id: 2, 345 | name: "Dinosaur", 346 | price: 749, 347 | image: " i2.jpg" 348 | }, 349 | { 350 | id: 1, 351 | name: "Pikachu", 352 | price: 699, 353 | image: " i3.jpg" 354 | }, 355 | { 356 | id: 2, 357 | name: "Robot DOg", 358 | price: 1999, 359 | image: " i4.jpg" 360 | }, 361 | { 362 | id: 1, 363 | name: "Puppy", 364 | price: 499, 365 | image: " i5.jpg" 366 | }, 367 | { 368 | id: 2, 369 | name: "Doll", 370 | price: 199, 371 | image: " i6.jpg" 372 | }, 373 | { 374 | id: 1, 375 | name: "barbie", 376 | price: 299, 377 | image: " i7.jpg" 378 | }, 379 | { 380 | id: 2, 381 | name: "Teddy", 382 | price: 499, 383 | image: " i8.jpg" 384 | }, 385 | { 386 | id: 1, 387 | name: "Green Doll", 388 | price: 259, 389 | image: " i9.jpg" 390 | }, 391 | { 392 | id: 2, 393 | name: "Fidget Spinners", 394 | price: 699, 395 | image: " i10.jpg" 396 | }, 397 | // Add more products here 398 | ]; 399 | // End of adding Product for Toy's 400 | 401 | // Start adding Product for Travel 402 | const products6 = [ 403 | { 404 | id: 1, 405 | name: "Pouch", 406 | price: 199, 407 | image: " t1.jpg" 408 | }, 409 | { 410 | id: 2, 411 | name: "Bages", 412 | price: 1999, 413 | image: " t2.jpg" 414 | }, 415 | { 416 | id: 1, 417 | name: "Hand bag", 418 | price: 1399, 419 | image: " t3.jpg" 420 | }, 421 | { 422 | id: 2, 423 | name: "Mini Pouch", 424 | price: 999, 425 | image: " t4.jpg" 426 | }, 427 | { 428 | id: 1, 429 | name: "Luggage bag", 430 | price: 2099, 431 | image: " t5.jpg" 432 | }, 433 | { 434 | id: 2, 435 | name: "Travel Bag", 436 | price: 3699, 437 | image: " t6.jpg" 438 | }, 439 | { 440 | id: 1, 441 | name: "Mini Bag", 442 | price: 699, 443 | image: " t7.jpg" 444 | }, 445 | { 446 | id: 2, 447 | name: "Combo mini pouch's", 448 | price: 999, 449 | image: " t8.jpg" 450 | }, 451 | { 452 | id: 1, 453 | name: "Bag", 454 | price: 199, 455 | image: " t9.jpg" 456 | }, 457 | { 458 | id: 2, 459 | name: "Designed Pouch", 460 | price: 499, 461 | image: " t10.jpg" 462 | }, 463 | // Add more products here 464 | ]; 465 | // End of adding Product for Travel 466 | 467 | // Load products and display them on the website 468 | const productList = document.getElementById("product-list"); 469 | 470 | products.forEach(product => { 471 | const productDiv = document.createElement("div"); 472 | productDiv.classList.add("product"); 473 | 474 | productDiv.innerHTML = ` 475 | ${product.name} 476 |

${product.name}

477 |

Price: ₹${product.price.toFixed(2)}

478 | 479 | `; 480 | 481 | productList.appendChild(productDiv); 482 | }); 483 | const productList1 = document.getElementById("product-list1"); 484 | 485 | products1.forEach(product => { 486 | const productDiv = document.createElement("div"); 487 | productDiv.classList.add("product"); 488 | 489 | productDiv.innerHTML = ` 490 | ${product.name} 491 |

${product.name}

492 |

Price: ₹${product.price.toFixed(2)}

493 | 494 | `; 495 | 496 | productList1.appendChild(productDiv); 497 | }); 498 | const productList2 = document.getElementById("product-list2"); 499 | 500 | products2.forEach(product => { 501 | const productDiv = document.createElement("div"); 502 | productDiv.classList.add("product"); 503 | 504 | productDiv.innerHTML = ` 505 | ${product.name} 506 |

${product.name}

507 |

Price: ₹${product.price.toFixed(2)}

508 | 509 | `; 510 | 511 | productList2.appendChild(productDiv); 512 | }); 513 | const productList3= document.getElementById("product-list3"); 514 | 515 | products3.forEach(product => { 516 | const productDiv = document.createElement("div"); 517 | productDiv.classList.add("product"); 518 | 519 | productDiv.innerHTML = ` 520 | ${product.name} 521 |

${product.name}

522 |

Price: ₹${product.price.toFixed(2)}

523 | 524 | `; 525 | 526 | productList3.appendChild(productDiv); 527 | }); 528 | const productList4= document.getElementById("product-list4"); 529 | 530 | products4.forEach(product => { 531 | const productDiv = document.createElement("div"); 532 | productDiv.classList.add("product"); 533 | 534 | productDiv.innerHTML = ` 535 | ${product.name} 536 |

${product.name}

537 |

Price: ₹${product.price.toFixed(2)}

538 | 539 | `; 540 | 541 | productList4.appendChild(productDiv); 542 | }); 543 | const productList5= document.getElementById("product-list5"); 544 | 545 | products5.forEach(product => { 546 | const productDiv = document.createElement("div"); 547 | productDiv.classList.add("product"); 548 | 549 | productDiv.innerHTML = ` 550 | ${product.name} 551 |

${product.name}

552 |

Price: ₹${product.price.toFixed(2)}

553 | 554 | `; 555 | 556 | productList5.appendChild(productDiv); 557 | }); 558 | 559 | const productList6= document.getElementById("product-list6"); 560 | 561 | products6.forEach(product => { 562 | const productDiv = document.createElement("div"); 563 | productDiv.classList.add("product"); 564 | 565 | productDiv.innerHTML = ` 566 | ${product.name} 567 |

${product.name}

568 |

Price: ₹${product.price.toFixed(2)}

569 | 570 | `; 571 | 572 | productList6.appendChild(productDiv); 573 | }); --------------------------------------------------------------------------------