🔥Complete Full-Stack Donation App with NodeJS, ExpressJS, ReactJS, Tailwind | Cryptomus Integration

Sobre esta lección

🔗 Cryptomus: https://cryptomus.com/?utm_source=youtube&utm_medium=video&utm_campaign=gateway&utm_content=thecodingjourney 🔗 Cryptomus Telegram: https://t.me/+jVbPQH9gCTw2MzUy In this video, we'll guide you through the process of creating and deploying a Full-Stack Donation platform from scratch using powerful technologies like NodeJS, ExpressJS and ReactJS + Tailwind + Framer-motion. Additionally, we'll integrate the secure Cryptomus Payment Gateway for seamless transactions. 👁️ Live Preview: https://unityfund.netlify.app/ 📂Source Code: https://buymeacoffee.com/thecodingjourney/e/281663 - - - - - - - - - - - - - - - - - - - - - - - - - - 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - 🚀 What you will learn: ▫️ How to build a full stack application using React + Express + Node + tailwind ▫️ You'll learn to integrate Cryptomus Payment Gateway in application. ▫️ How to build Animated Responsive Navbar using ReactJS + Tailwind + Framer. ▫️ How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. ▫️ You'll learn to Animate the website using Framer-motion. ▫️ You'll build custom cursor follower. ▫️ You'll build fully responsive website in reactJS using Tailwind CSS ▫️ Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱️ Timestamps 00:00:00 Intro 00:04:52 Cryptomus Payment Gateway 00:05:15 Software Download (Node + VS code) 00:05:41 Project Setup 00:09:38 Tailwind config, fonts, globals.css + Required Extensions 00:13:13 Navbar Section 00:32:04 Mobile Sidebar section 00:38:27 Home Page 00:45:28 Form Section 00:58:32 Overview Counter Section 01:03:57 Our vision section 01:09:43 Banner section 01:16:12 Video Banner section 01:20:36 Blogs Section 01:28:28 Footer section _____ Backend Part _____ 01:40:40 Backend Server initialization 01:46:31 Routes and controller section 01:56:04 Cryptomus API integration 01:58:47 Get MERCHANT_ID and PAYMENT_API_KEY on Cryptomus 02:02:16 Create Invoice with cryptomus 02:09:14 Backend Deployment on Render 02:13:39 Using Backend API to Client Side 02:17:58 Frontend Deployment on Netlify 👍🏻Like and Subscribe for more tutorials 💖 - - - - - - - - - - - - - - - - - - - - - - - - - - 🔔Follow us on ▫️Instagram - https://www.instagram.com/the.coding.journey/ ▫️Facebook - https://m.facebook.com/thecodingjourney ▫️Twitter - https://www.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - 🔗 Resources Mentioned: NodeJS: https://nodejs.org/en ExpressJS: https://expressjs.com/ MongoDB: https://www.mongodb.com/ react: https://react.dev tailwind: https://tailwindcss.com/ framer-motion: https://www.framer.com/motion/ vite: https://vitejs.dev/guide/ react-icons: https://react-icons.github.io/ ⚠️ Disclaimer Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use #fullstackapplication #cryptomus #nodejs #expressjs #reactjs #tailwind #framermotion #ecommerce #headphone #responsivewebsite #tailwindcss #reactwebsite #websitedesign #html #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux