ai71
Slidez — AI Presentation Platform
Slidez, an AI-powered browser platform for creating and editing structured presentations.
- Role
- Software Engineer II owning editor workflows, AI generation surfaces, localization support, and export-facing UI.
- System scope
- Slidez, an AI-powered browser platform for creating and editing structured presentations.
- Scale & impact
- Improved maintainability, scalability, and user experience across devices.
Problem
Users needed to move from prompt to polished presentation without losing control over layout, content editing, localization, and final export quality.
Contribution scope
- Implemented core editor-facing UI for AI generation, image workflows, slide editing, theme controls, and responsive deck surfaces.
- Worked across authentication migration, Arabic translation, RTL interface details, and export-oriented flows.
- Collaborated with product and backend stakeholders to turn AI capabilities into predictable user workflows.
Constraints
- AI-generated content needed clear loading, editing, and failure states instead of feeling like a black box.
- Arabic and RTL support affected layout direction, text behavior, spacing, and export expectations.
- PPT export required UI decisions to remain compatible with a fixed-format output, not just browser rendering.
Technical decisions
- Separated server state and client editing state with React Query and Zustand to keep complex editor interactions responsive.
- Used Craft.js and Lexical patterns where structured editing and rich text behavior needed clearer boundaries.
- Built reusable Tailwind component patterns so generated, edited, and exported states could share visual rules.
Outcomes
- Delivered a richer AI deck-building experience with generation, editing, translation, and export paths.
- Improved maintainability around editor state, component reuse, and localized UI behavior.
- Helped turn experimental AI features into product workflows that users could inspect and refine.
Technologies
ReactTypeScriptViteOpenAI APIsNode.jsExpressCraft.jsLexicalReact QueryZustandTailwind CSS