The latest articles on DEV Community by Abrarul Rhythm (@abrarulrhythm). https://dev.to/abrarulrhythm https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4036993%2F0e1861c9-9cf3-44ae-bd35-1d3a350ba70f.jpg https://dev.to/abrarulrhythm en Abrarul Rhythm Sun, 19 Jul 2026 20:58:26 +0000 https://dev.to/abrarulrhythm/how-i-built-etuitionbd-a-full-stack-tuition-management-system-with-react-node-stripe-48da https://dev.to/abrarulrhythm/how-i-built-etuitionbd-a-full-stack-tuition-management-system-with-react-node-stripe-48da <p>Hey Dev Community! 👋</p> <p>Six months ago, I completed a major milestone in my Web Development journey — building eTuitionBd, a comprehensive Tuition Management System designed to connect verified tutors with students seamlessly.</p> <p>Today, I wanted to share the story, architecture, and tech stack behind this project! 🚀</p> <h2> 🧐 What is eTuitionBd? </h2> <p>Finding trusted tutors or legitimate tuition posts in Bangladesh can often be a hassle. eTuitionBd solves this friction by providing a transparent, role-based platform for class tracking, secure payments, and structured verification.</p> <h2> ✨ Key Features &amp; User Roles </h2> <p><strong>1. 🎓 Student Dashboard</strong></p> <ul> <li>Post tuition requirements (Subject, Budget, Location).</li> <li>Manage applications from different tutors.</li> <li>Securely hire tutors by making payments via Stripe.</li> </ul> <p><strong>2. 👨‍🏫 Tutor Dashboard</strong></p> <ul> <li>Browse and search tuitions using advanced filtering (Subject, Class, Budget, Gender).</li> <li>Track application statuses in real-time.</li> <li>View active tuitions and revenue history.</li> </ul> <p><strong>3. 🛡️ Admin Dashboard</strong></p> <ul> <li>Centralized user management (Role updates and deletions).</li> <li>Tuition post moderation and analytics.</li> </ul> <p><strong>🔐 Security &amp; Core Functionalities</strong></p> <ul> <li> <strong>Authentication:</strong> Firebase Auth (Google Social Login + Email/Password) paired with JWT (JSON Web Token) for strict role-based access control and protected routes.</li> <li> <strong>Automated Workflow:</strong> Real-time application updates (Pending → Approved / Rejected / Closed).</li> <li> <strong>Stripe Payments:</strong> A tutor is officially marked as "Approved" only after the student completes the salary payment via Stripe.</li> </ul> <p><strong>💻 Tech Stack Behind the Project</strong></p> <ul> <li> <strong>Frontend:</strong> React.js, Tailwind CSS, DaisyUI, Framer Motion</li> <li> <strong>Backend:</strong> Node.js, Express.js</li> <li> <strong>Database:</strong> MongoDB</li> <li> <strong>Authentication &amp; State:</strong> Firebase, JWT, TanStack Query (React Query)</li> <li>**Payment Processing: **Stripe API</li> <li> <strong>Deployment:</strong> Firebase (Client) &amp; Vercel (Server)</li> </ul> <p><strong>🔗 Explore the Project</strong></p> <ul> <li> <strong>🌐 Live Demo:</strong> <a href="https://etuitionbd-7c096.web.app/" rel="noopener noreferrer">https://etuitionbd-7c096.web.app/</a> </li> <li> <strong>🖥️ Client Repository:</strong> <a href="https://github.com/AbrarulRhythm/assignment-11-client" rel="noopener noreferrer">https://github.com/AbrarulRhythm/assignment-11-client</a> </li> <li> <strong>⚙️ Server Repository:</strong> <a href="https://github.com/AbrarulRhythm/assignment-11-server" rel="noopener noreferrer">https://github.com/AbrarulRhythm/assignment-11-server</a> </li> </ul> <p><strong>💡 What I Learned From Building This</strong></p> <p>Building eTuitionBd taught me how to handle complex backend logic, integrate payment gateways securely, and manage role-based state on the frontend using TanStack Query.</p> <p>I’d love to hear your thoughts, feedback, or suggestions on how I can improve it further! Drop a comment below! 👇</p> node react showdev webdev