Description
DSASNIPPETSDSA Snippets is a modern, full-stack coding platform designed to revolutionise how developers practice coding, create problems, and monetise their expertise. It empowers both problem creators and solvers with advanced features, real-time code execution, AI-powered problem generation, and a robust monetisation system.Key FeaturesProblem Creation: Manually create coding problems with custom test cases, constraints, and difficulty levels.Use AI to generate unique coding problems instantly.Add tags, hints, editorial content, and organise problems into playlists.- Problem Solving: Access a vast library of coding problems across various topics and difficulties.Real-time code execution in multiple programming languages.Detailed analytics, progress tracking, and streaks.- Monetisation: Creators can sell premium problem playlists and earn revenue.Flexible pricing and analytics for creators.- Playlists: Organise problems into playlists for structured learning or selling.Users can save and manage their own playlists.- Leaderboard & Streaks: Compete with others on the leaderboard based on problem-solving activity.Maintain daily solving streaks for motivation.Tech Stack & UsageFrontendReact For building a fast, interactive, and component-based user interface.- Tailwind CSS For rapid, utility-first styling and responsive design.- Vite For lightning-fast development and build tooling.- React Router For client-side routing and navigation.- Monaco Editor For an in-browser code editor experience similar to VS Code.- Chart.js (via react-chartjs-2) For visualising user stats, streaks, and leaderboard data.BackendNode.js & Express For building a scalable REST API server.Prisma ORM For type-safe database access and migrations.PostgreSQL As the primary relational database for storing users, problems, submissions, playlists, etc.JWT Authentication For secure user authentication and authorization.OpenAI/Gemini API (optional) For AI-powered problem generation.Other Tools & IntegrationsDaisyUI For prebuilt Tailwind CSS components.Axios For HTTP requests from the frontend to the backend.React Hook Form For robust and scalable form management.Lucide Icons For modern, customizable SVG icons.Usage ScenariosFor Problem Creators: Build and monetise your own coding problems and playlists.Use AI to speed up problem creation.Track your earnings and problem performance.- For Problem Solvers: Practice coding with real-time feedback and code execution.Track your progress, streaks, and climb the leaderboard.Purchase premium playlists for advanced preparation.- For Educators/Institutions: Create custom playlists for classes or coding contests.Monitor student progress and engagement.Summarydsasnippets is a comprehensive platform for coding practice, problem creation, and monetisation. It leverages a modern tech stack to deliver a seamless, interactive, and scalable experience for both creators and solvers, making it ideal for individuals, educators, and coding communities.
Demo Video
Watch Demo (vimeo.com)Screenshots
