buyme a coffe wedsite added

Author: Shu12388y

Projects/BuyMeaCoffee/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

Projects/BuyMeaCoffee/README.md

@@ -0,0 +1,36 @@
+# Introduction
+
+The Buy Me Coffee website is a platform that allows content creators, artists, and other individuals to receive support and financial contributions from their fans and supporters. This README file provides an overview of the Buy Me Coffee website and instructions on how to set it up.
+
+# Features
+
+The Buy Me Coffee website offers the following key features:
+
+1. Support Button: Users can create a support button for their profile or website, allowing their fans to make monetary contributions easily.
+
+2. Customizable Profile: Users can create a personalized profile page where they can showcase their work, provide information about themselves, and share links to their social media profiles.
+
+3. Multiple Payment Options: The website supports various payment methods, including credit cards, PayPal, and other popular payment gateways, making it convenient for supporters to contribute.
+
+4. Transaction History: Users can view and manage their transaction history, allowing them to keep track of contributions and interact with their supporters.
+
+5. Notifications: The website provides notifications to users whenever they receive a new contribution or when there are important updates related to their account.
+
+# Installation and Setup
+
+1. Clone the Repository
+2. Install Dependencies: npm install
+3. Start the Server: npm run dev
+4. Access the Website: localhost:5173
+
+# Image
+
+![Alt text](<public/Screenshot from 2023-07-04 21-26-36.png>)
+
+# Video
+
+[label](<public/Screencast from 04-07-23 09:37:48 PM IST.webm>)
+
+# License
+
+The Buy Me Coffee website is released under the MIT License.

Projects/BuyMeaCoffee/index.html

@@ -0,0 +1,44 @@
+const app = document.querySelector("#apps");
+
+app.addEventListener("click", function () {
+  const appData = document.querySelector(".app__data");
+  appData.classList.toggle("app__data__active");
+});
+
+let lastKnownScrollPosition = 0;
+let ticking = false;
+
+function doSomething(scrollPos) {
+  // Do something with the scroll position
+  if (window.scrollY > 300) {
+    const img1 = document.querySelector("#img__1");
+    img1.classList.remove("hide");
+    img1.classList.add("animate__animated", "animate__backInLeft");
+  }
+
+  if (window.scrollY > 900) {
+    const donationdiv = document.querySelector(".donation_1");
+    donationdiv.classList.add("animate__animated", "animate__backInRight");
+
+    donationdiv.classList.remove("hide");
+  }
+  if (window.scrollY > 1700) {
+    const lower = document.querySelector(".donation_2");
+    lower.classList.add("animate__animated", "animate__fadeInBottomRight");
+    lower.classList.remove("hide");
+  }
+}
+
+document.addEventListener("scroll", (event) => {
+  lastKnownScrollPosition = window.scrollY;
+
+  if (!ticking) {
+    window.requestAnimationFrame(() => {
+      doSomething(lastKnownScrollPosition);
+      ticking = false;
+    });
+
+    ticking = true;
+    // console.log(lastKnownScrollPosition);
+  }
+});