Gamify Learn (Gamified Learning Platform)

Overview

Gamify Learn is a full-stack educational social platform designed to transform traditional learning into an engaging, game-like experience. The platform allows users to participate in quizzes and challenges, earn points and rewards, and improve their ranking on a global leaderboard, creating a sense of competition and motivation. Users can submit text-based or single-image challenge posts, interact through reactions and comments, and showcase their achievements through badges, titles, avatars, and banners on their profiles. The system features real-time point updates without page reloads, interactive profile previews, and a clean feed-based experience inspired by modern social platforms. The frontend is built using Next.js (App Router) with TypeScript, React Hook Form, Shadcn UI, and Tailwind CSS to ensure fast performance, accessibility, and a polished user interface. The backend is developed with Node.js, Express, TypeScript, MongoDB, and Mongoose, featuring JWT-based authentication, Zod validation, role-based access control, and Cloudinary integration for media uploads. An admin dashboard enables full control over challenges, submissions, rewards, and participants, making the platform scalable and production-ready. Gamify Learn was developed as a solo project with a strong focus on user engagement, system security, and modern full-stack best practices.