MDX Example
About
Full Stack Engineer with over 6 years of hands-on experience in designing, developing, and deploying web and mobile applications. Proficient in modern development stacks, cloud infrastructure, UX/UI design, and DevOps. Adept at translating complex requirements into scalable, secure, and user-focused solutions, with a strong emphasis on performance, maintainability, and business alignment.
Work Experience
Engineered a custom Next.js web platform for clients to manage orders, products, and content, integrated with Strapi CMS and Medusa.js, supporting features like invoice generation/download, user account access, and scalable backend workflows. Containerized core services using Docker and deployed via Kubernetes for a modular, microservices-based architecture. Developed secure client authentication via Shippo integration and enabled real-time shipping rates, logistics, and delivery scheduling using third-party APIs. Integrated DesignO W2P tools with AI functionality for personalized print products. Created a custom React Native app and web dashboard for trade show lead capture with QR code scanning and CRM-ready exports.
Led frontend architecture using React, Zustand for state management, Zod for data validation, Tanstack for API requests, and Chakra UI for UI components. Collaborated with backend developers, designers, and product managers to deliver scalable, maintainable, and type-safe applications. Integrated Laravel PHP backend for robust server-side functionality.
Built RESTful APIs with MongoDB and Express, organizing controllers, validations, and models for efficient database interactions. Implemented secure authentication using NestJS, JWT, Bcrypt, refresh tokens, and cookies. Designed checkout processes and dynamic price calculations. Developed user password recovery workflows with SendGrid and Resend. Managed version control with GitLab, GitHub Actions, and conventional commits, ensuring code quality with ESLint, Prettier, and PostCSS.
Developed Node.js servers with Express, NestJS, and Flask, leveraging AWS services (S3, SES, Lambda) and WebSockets (Socket.IO) for real-time features like chats and calls. Utilized React, Redux, Material UI, Tailwind, Shadcn UI, and Chakra UI for frontend development. Adopted TDD, E2E, unit, and integration testing, implementing CI/CD pipelines with Prisma ORM in a monorepo. Managed SQL (PostgreSQL, MySQL) and NoSQL (MongoDB, Firebase) databases across platforms like Netlify, Vercel, and Supabase.
Delivered full-cycle SaaS, PaaS, B2B, and B2C projects, including web and mobile apps using React, Next.js, React Native, and Redux Toolkit. Integrated third-party services like Stripe for payments, Strapi for CMS, Uploadthing for file uploads, and Clerk Auth for authentication. Deployed projects on Vercel, Supabase, Netlify, and Google Cloud Platform, ensuring scalability and security.
Education
Skills
console.log("This is a syntax highlighted block.");Welcome to the Plate Playground!
Experience a modern rich-text editor built with Slate and React. This playground showcases just a part of Plate's capabilities. Explore the documentation to discover more.
Collaborative Editing
Review and refine content seamlessly. Use or to . Discuss changes using comments on many text segments. You can even have annotations!
AI-Powered Editing
Boost your productivity with integrated AI SDK. Press ⌘+J or Space in an empty line to:
- Generate content (continue writing, summarize, explain)
- Edit existing text (improve, fix grammar, change tone)
Rich Content Editing
Structure your content with headings, lists, and quotes. Apply marks like bold, italic, underline, strikethrough, and code. Use autoformatting for Markdown-like shortcuts (e.g., * for lists, # for H1).
Blockquotes are great for highlighting important information.
function hello() {
console.info("Code blocks are supported!");
}Create links, @mention users like Alice, or insert emojis ✨. Use the slash command (/) for quick access to elements.
How Plate Compares
Plate offers many features out-of-the-box as free, open-source plugins.
| Feature | Plate (Free & OSS) | Tiptap |
|---|---|---|
| AI | ✅ | Paid Extension |
| Comments | ✅ | Paid Extension |
| Suggestions | ✅ | Paid (Comments Pro) |
| Emoji Picker | ✅ | Paid Extension |
| Table of Contents | ✅ | Paid Extension |
| Drag Handle | ✅ | Paid Extension |
| Collaboration (Yjs) | ✅ | Hocuspocus (OSS/Paid) |
Images and Media
Embed rich media like images directly in your content. Supports Media uploads and drag & drop for a smooth experience.
Table of Contents
| Feature | Plate (Free & OSS) | Tiptap |
|---|---|---|
| AI | ✅ | Paid Extension |
| Comments | ✅ | Paid Extension |
| Suggestions | ✅ | Paid (Comments Pro) |