# Projects Directory — Gyanranjan Priyam > Collection of production web applications, open-source tools, and developer platforms built by Gyanranjan Priyam. - Portfolio: https://www.priyam.tech - Projects URL: https://www.priyam.tech/projects - Total Projects: 6 --- ## 1. TECHFEST PLATFORM - **URL**: https://www.priyam.tech/projects/techfest-platform - **Markdown**: https://www.priyam.tech/projects/techfest-platform.md - **Live Link**: https://registration-insprano.vercel.app/login - **GitHub**: https://github.com/Gyanranjan-Priyam/insprano-dashboard - **Tech Stack**: Next.js 16, TypeScript, PostgreSQL, Prisma, TailwindCSS, Shadcn UI - **Timeline**: 2025 - **Role/Company**: Full Stack Developer — Designed, developed, and deployed the entire platform end-to-end as the sole developer. ### Description: The official registration portal and admin dashboard for INSPRANO 2025, the annual technical fest of Government College of Engineering, Kalahandi. Built to replace the chaos of Google Forms, spreadsheets, and manual tracking with a single platform that handles everything — registrations, payments, teams, and analytics. On the participant side, students can browse events across categories like Hackathon, Robotics, and Gaming, register individually or as a team, upload payment proofs, and receive auto-generated QR codes. The organizer dashboard provides real-time stats, event CRUD with a Tiptap rich text editor, payment verification, accommodation management, Excel exports, PDF invoice generation, and an in-app support ticket system. Authentication is handled through Better Auth with role-based access control. Arcjet provides rate limiting and bot protection. Files are stored on AWS S3, and the entire platform is deployed on Vercel with Prisma ORM managing the PostgreSQL database. ### Key Highlights: - Handled 500+ registrations across 20+ events during the live fest - Built a complete admin dashboard with real-time analytics and charts - Implemented payment verification flow with screenshot uploads to S3 - Added accommodation booking system for outstation participants - Integrated rich text editing for event descriptions using Tiptap - Auto-generated QR codes and PDF invoices for each registration - Built an in-app support ticket system for participant queries - Deployed with Arcjet rate limiting and bot protection for security --- ## 2. CODEBREAKERS BLOG - **URL**: https://www.priyam.tech/projects/blogs-codebreakers - **Markdown**: https://www.priyam.tech/projects/blogs-codebreakers.md - **Live Link**: https://blogs.codebreakersgcek.tech - **GitHub**: https://github.com/Gyanranjan-Priyam/codebreakers-blog - **Tech Stack**: Next.js 16, TypeScript, Prisma, TailwindCSS, TipTap, Socket.io, AWS, Better Auth, Framer Motion, Arcjet - **Timeline**: 2025 - **Role/Company**: Full Stack Developer — Designed, developed, and deployed the entire platform end-to-end as the sole developer. ### Description: CodeBreakers Blog is a full-stack blogging platform built for the CodeBreakers college coding community — a space where developers learn, write, and share technical knowledge with each other. Built to replace scattered social media posts and informal notes with a single, purpose-built platform that handles publishing, discovery, and engagement. On the reader side, users can browse the latest blogs on the homepage feed, search by keywords, explore posts by tags, and engage with content through likes and comments. Every blog page features an auto-generated table of contents, syntax-highlighted code blocks, embedded images and videos, and a clean dark-mode reading experience optimized for technical content. Authors get a powerful floating-toolbar rich text editor powered by TipTap v3, supporting text formatting, image uploads to AWS S3, code blocks with syntax highlighting, tables, and video embeds. Authentication is handled through Better Auth, real-time interactions via Socket.io, rate limiting and bot protection via Arcjet, and the entire platform is deployed on Vercel with Prisma ORM managing the database. ### Key Highlights: - Built a floating-toolbar rich text editor supporting code, images, tables, and video - Implemented auto-generated table of contents for every blog post - Real-time likes and comments powered by Socket.io - Cloud image storage with AWS S3 and presigned URL upload flow - Tag-based blog discovery with full-text search across the feed - Public author profile pages with follower/following system - SEO-ready with auto-generated slugs, sitemap.xml, and robots.txt - Secured with Arcjet rate limiting and bot protection --- ## 3. SAMS SCHOOL LMS - **URL**: https://www.priyam.tech/projects/lms - **Markdown**: https://www.priyam.tech/projects/lms.md - **Live Link**: https://lms-gyanranjan.vercel.app/ - **GitHub**: https://github.com/Gyanranjan-Priyam/lms - **Tech Stack**: Next.js 15, TypeScript, Prisma, PostgreSQL, TailwindCSS, Shadcn UI, Stripe - **Timeline**: 2025 - **Role/Company**: Full Stack Developer — Sole developer responsible for architecture, implementation, and deployment of the entire platform. ### Description: A full-stack Learning Management System that lets educators create, organize, and sell courses online — with structured chapters, video lessons, and Stripe-powered payments built in. Students get a clean dashboard to browse courses, enroll, and track their progress lesson by lesson. The admin panel provides a complete course management workflow: rich text descriptions via Tiptap, drag-and-drop chapter/lesson reordering with dnd-kit, thumbnail and video uploads to AWS S3, and automatic Stripe product creation when pricing is set. Courses can be published, archived, or kept as drafts. Authentication supports email/password with verification, plus GitHub and Google OAuth, all through Better Auth with role-based access control. Arcjet handles rate limiting and bot protection. The platform is designed to mirror production-grade EdTech products with a focus on real payment flows and scalable architecture. ### Key Highlights: - End-to-end Stripe integration with webhook-driven auto-enrollment - Drag-and-drop course builder with chapter and lesson reordering - Video and image uploads to AWS S3 with presigned URLs - Multi-provider OAuth (GitHub + Google) alongside email/password auth - Rich text course descriptions powered by Tiptap editor - Per-lesson progress tracking across enrolled courses - Admin analytics dashboard with data tables and Recharts - Rate limiting and bot protection via Arcjet middleware --- ## 4. COLLEGE CMS - **URL**: https://www.priyam.tech/projects/cms - **Markdown**: https://www.priyam.tech/projects/cms.md - **Live Link**: https://cms-gyanranjanpriyam.netlify.app/ - **GitHub**: https://github.com/Gyanranjan-Priyam/cms - **Tech Stack**: React 19, TypeScript, Node.js, MongoDB, TailwindCSS, Express, Socket.io - **Timeline**: 2025 - **Role/Company**: Full Stack Developer — Designed and built the complete system from database schema to deployment, handling both frontend and backend architecture. ### Description: A full-stack College Management System built for modern educational institutions. It handles everything from student lifecycle to finance — role-based dashboards, real-time analytics, payment gateway integrations, and attendance tracking, all wrapped in a dark/light theme UI with smooth animations. The admin suite supports multi-role access (Admin, Finance, Faculty), student record management across branches and departments, digital attendance, grade recording, and transcript generation. The finance module provides advanced payment filtering, Excel exports, QR-based UPI payments, and dual payment gateway support with Cashfree and Razorpay. The student portal gives each user a personalized dashboard with academic progress, payment history with receipt downloads, and real-time notifications via Socket.io. The entire frontend is built with React 19 and TypeScript using Vite, with Framer Motion animations and Recharts for interactive data visualization. ### Key Highlights: - Multi-role dashboard system (Admin, Finance, Faculty, Student) - Dual payment gateway integration — Cashfree and Razorpay - Real-time updates across the platform via Socket.io - Advanced finance filtering with Excel export functionality - Dynamic QR-based UPI payment generation - Auto-collapsing sidebar with hover-to-expand animations - Session management with automatic timeout and warning modals - Dark/Light theme with system preference detection --- ## 5. INVENTORY POS SYSTEM - **URL**: https://www.priyam.tech/projects/pos-system - **Markdown**: https://www.priyam.tech/projects/pos-system.md - **Live Link**: https://ims-gyanranjanpriyam.netlify.app - **GitHub**: https://github.com/Gyanranjan-Priyam/ims - **Tech Stack**: React 18, TypeScript, Node.js, MongoDB, TailwindCSS, Razorpay - **Timeline**: 2025 - **Role/Company**: Full Stack Developer — Sole developer responsible for designing the system architecture, building the POS workflow, and integrating the payment gateway. ### Description: A comprehensive Point of Sale and Inventory Management System designed for small to mid-size businesses. It combines real-time stock tracking, a full checkout flow with barcode scanning, multi-method payment processing through Razorpay, and role-based dashboards — all in a responsive interface that works across desktop, tablet, and mobile. The POS module handles the complete sales cycle: product lookup via barcode scanner, cart management, multi-payment support (cash, online, bank transfer, cheque), and professional receipt generation. Inventory management provides real-time stock levels, reorder alerts, and product CRUD with category organization. On the backend, Express.js serves a REST API with JWT-based auth and role-based access (Admin, Manager, Salesperson). MongoDB handles data persistence with Mongoose ODM, and the ledger system tracks all financial transactions. The frontend is built with React 18, TypeScript, and Tailwind CSS, with date-fns for formatting and Lucide for iconography. ### Key Highlights: - Complete POS checkout flow with barcode scanner integration - Razorpay payment gateway with multi-method support - Real-time inventory sync across all connected sections - Role-based dashboards for Admin, Manager, and Salesperson - Professional receipt and invoice generation - Ledger accounting system for financial transaction tracking - Real-time notification system for stock alerts and updates - Responsive design working on desktop, tablet, and mobile --- ## 6. CODEBREAKERS WEBSITE - **URL**: https://www.priyam.tech/projects/codebreakers-club - **Markdown**: https://www.priyam.tech/projects/codebreakers-club.md - **Live Link**: https://www.codebreakersgcek.tech/ - **GitHub**: https://github.com/Gyanranjan-Priyam/codebreakers - **Tech Stack**: Next.js, TypeScript, TailwindCSS, Framer Motion - **Timeline**: 2025 - **Role/Company**: Community ### Description: Official website for the CodeBreakers community, showcasing events, resources, and member achievements with a modern editorial feel.