Devdit
Devdit is a dynamic single-page web app that lets users create, discover, and engage in discussions on a variety of topics. It helps people share knowledge and stay connected with community conversations.
Tech Stack
React JS Tailwind css React Router Tanstack Query Stripe JWT Node JS Express JS MongoDB Axios JS Firebase
Key Challenges
JWT auth with social loginSecuring DBs with env variablesRole-based routesComplex dashboardsServer-side paginationBackend tag searchUpvote/downvote logicComment reportingTanStack Query integrationSmooth deploymentReload-safe private routesAdmin analytics chartsDynamic admin tagsKey Learnings
MERN full-stack workflowJWT + social authRole-based accessMongoDB queries & aggregationTanStack Query usageReact-hook-form handlingServer-side paginationDynamic routingSecure deploymentSocial sharing integrationAdmin management toolsComplex feature problem-solvingData visualization with chartsKey Features
Advanced tag-based search system powered by backend filteringPost popularity sorting using MongoDB aggregation (upvote − downvote)Full voting system with real-time upvote/downvote trackingAnnouncement system with dynamic visibility and live count on navbarMembership system unlocking Gold badge and unlimited postsUser Dashboard with badges, recent posts, and post analyticsAdmin Dashboard with user management, reports management, and announcementsAdmin ability to add dynamic tags that update the entire platformReport feedback system with dropdown-based actions and admin moderation panelPie chart analytics for admin showing total posts, comments, and usersComment system with modal-based long comment preview and reportingPagination implemented across all tables and posts (client + server)Secure JWT authentication with protected routes for both user and adminTanStack Query integrated for optimized and cached data fetching
