I’m Unnati Bamania, a software developer who loves to build small and impactful products. Checkout memoria.cards

devto

Unnati Bamania  • Peerlist

Supercharge Your React Apps with the Ultimate Shadcn UI Data Grid!Tired of clunky, hard-to-customize tables in your React projects? Say hello to a powerful, developer-friendly Data Grid component built with the sleekness of Shadcn UI!Whether you're building dashboards, admin panels, or any data-heavy application, our Data Grid component is designed to make your life easier and your UIs shine. We've focused on providing essential features with a clean, modern aesthetic that integrates seamlessly with your Shadcn UI based projects.✨ Key Features That You'll Love:<ul><li>Built on Shadcn UI: Leverages the power and beauty of Shadcn UI, making it easily themeable and consistent with your existing components.</li></ul><ul><li>️ Inline Editing Bliss: Effortlessly edit data directly within cells! Supports a wide range of input types:</li></ul><ul><li>Dynamic Column Control: Provides multi cell types (text, number, rating, toggle, select, multiselect, checkbox, date)</li></ul><ul><li>Resizable Columns: Users can adjust column widths to their preference.</li></ul><ul><li>Draggable Columns: Easily reorder columns with drag-and-drop functionality.</li></ul><ul><li>Powerful Sorting: Sort data by any column with a simple click.</li></ul><ul><li>Custom Cell Rendering: Total flexibility to display data exactly how you want. Render custom components, avatars, badges, and more within cells.</li></ul><ul><li>️ Row-Level Actions: Implement actions like "Delete," "Edit," or "View Details" for each row, complete with icons.</li></ul><ul><li>Developer-Friendly API: Designed for quick integration and ease of use in your React applications.</li></ul><ul><li>Lightweight &amp; Performant: Handles your data efficiently without bogging down your app,</li></ul><ul><li>TypeScript Support: Fully typed for a better development experience.</li></ul><ul><li>Open Source &amp; Community Driven: (If applicable) We welcome contributions and feedback to make it even better!</li></ul>Our goal is to provide a robust yet simple solution for one of the most common UI needs. Stop wrestling with complex table libraries and give your users the data interaction experience they deserve!I'm excited to hear your thoughts and feedback. What features would you love to see next? Let us know in the comments below! 👇Remember to replace:<ul><li>Demo: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://data-grid-example-rho.vercel.app/">https://data-grid-example-rho.vercel.app/</a></li><li>Codebase: https://github.com/unnatibamania/react-shadcn-datagrid</li></ul>

ShadCN DataGrid NPM Package

<ul><li>Hyper Tables is a dynamic table management tool allowing users to upload data and perform a variety of queries such adding/removing columns and calculating averages.</li><li>Integrated LLM-powered query processing to enable intelligent, context-aware table manipulations</li></ul>

HyperTables

Software Engineer at Tessact. I craft web apps and sometimes write tech blogs.

<ul><li>Memoria is an innovative educational platform designed to enhance learning through interactive flashcards and customizable tests. Memoria's flashcards are designed to be visually engaging, making them a versatile tool for reinforcing knowledge and improving retention. </li><li>In addition to flashcards, Memoria offers a robust testing feature that allows users to create and take tests tailored to their specific learning needs. </li><li>This feature is particularly useful for self-assessment and exam preparation, as it enables users to simulate real test conditions and evaluate their understanding of the material. </li><li>By leveraging AI, users can create flashcards and multiple-choice question (MCQ) tests from various sources, including PDFs, YouTube videos, and websites. The AI analyzes the input content to generate relevant and structured learning materials, allowing users to focus on studying rather than content creation.</li></ul>