I'm a passionate Web Developer in the MERN stack. I'm keen to explore AI/ML and blockchain.

github

hashnode

karan Kumar  • Peerlist

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 Features<ol><li>Problem Creation: <ul><li>Manually create coding problems with custom test cases, constraints, and difficulty levels.</li><li>Use AI to generate unique coding problems instantly.</li><li>Add tags, hints, editorial content, and organise problems into playlists.</li></ul></li><li>- Problem Solving: <ul><li>Access a vast library of coding problems across various topics and difficulties.</li><li>Real-time code execution in multiple programming languages.</li><li>Detailed analytics, progress tracking, and streaks.</li></ul></li><li>- Monetisation: <ul><li>Creators can sell premium problem playlists and earn revenue.</li><li>Flexible pricing and analytics for creators.</li></ul></li><li>- Playlists: <ul><li>Organise problems into playlists for structured learning or selling.</li><li>Users can save and manage their own playlists.</li></ul></li><li>- Leaderboard &amp; Streaks: <ul><li>Compete with others on the leaderboard based on problem-solving activity.</li><li>Maintain daily solving streaks for motivation.</li></ul></li></ol><h3>Tech Stack &amp; Usage</h3>Frontend<ol><li>React <ul><li> For building a fast, interactive, and component-based user interface.</li></ul></li><li>- Tailwind CSS <ul><li> For rapid, utility-first styling and responsive design.</li></ul></li><li>- Vite <ul><li> For lightning-fast development and build tooling.</li></ul></li><li>- React Router <ul><li> For client-side routing and navigation.</li></ul></li><li>- Monaco Editor <ul><li> For an in-browser code editor experience similar to VS Code.</li></ul></li><li>- Chart.js (via react-chartjs-2) <ul><li> For visualising user stats, streaks, and leaderboard data.</li></ul></li></ol>Backend<ol><li>Node.js &amp; Express <ul><li> For building a scalable REST API server.</li></ul></li><li>Prisma ORM <ul><li> For type-safe database access and migrations.</li></ul></li><li>PostgreSQL <ul><li> As the primary relational database for storing users, problems, submissions, playlists, etc.</li></ul></li><li>JWT Authentication <ul><li> For secure user authentication and authorization.</li></ul></li><li>OpenAI/Gemini API (optional) <ul><li> For AI-powered problem generation.</li></ul></li></ol>Other Tools &amp; Integrations<ol><li>DaisyUI <ul><li> For prebuilt Tailwind CSS components.</li></ul></li><li>Axios <ul><li> For HTTP requests from the frontend to the backend.</li></ul></li><li>React Hook Form <ul><li> For robust and scalable form management.</li></ul></li><li>Lucide Icons <ul><li> For modern, customizable SVG icons.</li></ul></li></ol><h3>Usage Scenarios</h3><ol><li>For Problem Creators: <ul><li>Build and monetise your own coding problems and playlists.</li><li>Use AI to speed up problem creation.</li><li>Track your earnings and problem performance.</li></ul></li><li>- For Problem Solvers: <ul><li>Practice coding with real-time feedback and code execution.</li><li>Track your progress, streaks, and climb the leaderboard.</li><li>Purchase premium playlists for advanced preparation.</li></ul></li><li>- For Educators/Institutions: <ul><li>Create custom playlists for classes or coding contests.</li><li>Monitor student progress and engagement.</li></ul></li></ol><h3>Summary</h3>dsasnippets 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.

DSASNIPPETS

This extension directly embeds the X (Twitter) post into the Notion Application and lets users copy the link of the post directly to the clipboard. It is done just by clicking on the "Send to Notion" and "Copy Link" buttons on the X (Twitter) posts.

X (Twitter) to Notion Chrome Extension

In this project, I have made an CRUD app using express.js, node.js, Ejs, MySQL

CRUD-JS-MySQL

Here I have built the CRUD app with the MongoDB. Here I have also implemented the MVC(Model View Controller)