Merge pull request #204 from Shu12388y/main

Buy me a Coffee website clone

Buy Me A Coffee/.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?

Buy Me A Coffee/README.md

@@ -0,0 +1,36 @@
+
+# Buy me a Coffee 
+Buy Me a Coffee" is a platform that allows creators, such as artists, writers, musicians, and other content creators, to receive support and donations from their fans and followers. The platform provides a simple and user-friendly way for creators to set up a page where their audience can contribute money as a gesture of appreciation for their work.
+
+Here are some key features and aspects of Buy Me a Coffee:
+
+Support for Creators: Buy Me a Coffee is designed to help creators receive financial support directly from their audience. Instead of asking for a one-time payment, supporters can "buy a coffee" for their favorite creators, with each "coffee" representing a small monetary contribution.
+
+Creator Pages: Creators can create personalized pages on Buy Me a Coffee where they can showcase their work, share updates, and interact with their supporters.
+
+Integration with Social Media: The platform often integrates with social media platforms, allowing creators to share their Buy Me a Coffee page easily and connect with their audience.
+
+Flexible Payments: Supporters can make contributions through various payment methods, making it convenient for people to support their favorite creators.
+
+Membership and Subscriptions: Buy Me a Coffee may offer features for creators to set up recurring support through memberships or subscriptions, allowing them to receive ongoing support from their fans.
+
+No Platform Fees: In the past, Buy Me a Coffee was known for not charging platform fees on the donations creators receive, meaning that creators could keep a larger portion of the money sent by their supporters. However, it's advisable to check the latest terms and conditions, as platforms may update their policies over time.
+
+## Tech Stack
+
+**Client:** HTML, CSS, JAVASCRIPT, ANIMATE CSS
+
+## Screenshots
+
+
+
+
+## Authors
+
+- [@Shu12388y](https://www.github.com/Shu12388y)
+
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)
+

Buy Me A Coffee/main.js

@@ -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);
+  }
+});