Dinara Dzharkymbaeva
Full-Stack Developer (React/Next.js) I work with my team
New to Contra
Dinara is ready for their next project!
SyncScript — Collaborative AI Editor
📌 About SyncScript
SyncScript is a Notion-like editor designed to meet the needs of collaborative editing with AI assistance. Although the design of SyncScript is inspired by the “Obsidian & Gold” style, which utilizes the latest OKLCH model, the main purpose of this product is to facilitate collaboration among multiple users and ensure that AI operates natively within the application.
🚀 Key Achievements & Features
1. 🌐 Enterprise-Level Collaboration
The core of SyncScript is a highly advanced CRDT synchronization engine built using Liveblocks and Yjs.
Multiplayer Architecture: Enables concurrent editing without any latency in conflict resolution.
Presence and Awareness: Provides native real-time presence functionality that lets users know who else is active in the environment and what they’re doing.
Stateful Architecture: Designed to ensure document consistency even when network connections are unreliable.
2. 🧠 Integrated AI Assistant
Rather than a traditional chatbot, SyncScript features a deeply integrated AI Assistant using the Vercel AI SDK.
Direct Node Manipulation: The AI interacts directly with the Tiptap editor tree, allowing it to stream content, rewrite sections, and expand ideas directly within the document flow.
Real-Time AI Streaming: Designed for speed, the assistant provides immediate feedback, allowing teams to brainstorm and draft content at the speed of thought.
3.🎨 Optimized Technical Design
The user interface has been developed based on the OKLCH color model, thus providing a top-notch design without compromising on performance and accessibility.
SEO-first Interface: Optimized to achieve a perfect 100/100 SEO score and high performance metrics in the Lighthouse, providing high-speed editor functionality regardless of collaboration load.
Modern Tech Stack: Built on the latest technologies with React 19 and Next.js 16, taking advantage of the Server Actions API and optimized React NodeViews.
2
1
15
Full-Stack Business Project(UAZ Buhanka Rental) | Next.js 16 & React 19 Implementation
I developed a high-performance, production-ready web platform designed for maximum SEO visibility and lightning-fast user experience. By leveraging the latest features of React 19 and Next.js 16, I built a solution that doesn't just look good but performs at the highest technical standards.
Key Performance Metrics (Lighthouse Certified)
SEO: 100/100
Best Practices: 100/100
Performance: 96/100
Accessibility: 94/100
Backend & Infrastructure: Integrated Supabase for robust data storage and authentication, ensuring a secure and scalable foundation.
1
130
Eelep Kal - High-Performance Reservation Engine | 100% Clean Code & Microservices
The Hook:
"Don't let your tech stack hold your business back. I deliver enterprise-standard code that is documented, tested, and optimized for speed."
The Highlights:
Battle-Tested Code: Strict adherence to Google’s Checkstyle and Clean Code principles—ensuring a codebase that is easy to maintain and scale.
Developer-First API: Fully documented Swagger UI with modular API structures (User, Booking, Auth) for seamless team collaboration.
Extreme Optimization: Used Lazy Loading, Pagination, and DTO patterns to reduce memory overhead and maximize frontend rendering speeds.
Fault-Tolerant Design: Divided core logic into microservices to ensure the platform stays online even under heavy load or partial system failures.
0
87
Solesphere - online store where you can buy various goods
Designed the architecture based on Feature-Sliced Design
Used RTK-Query with Axios to achieve perfect server performance.
Configured Webpack, ESlint + Prettier, Typescript manually, implemented a unified code style, used Design Patterns, and optimized perfectly.
Perfect responsive layout and semantic HTML code
Implemented dark mode, with theme customization
0
111
Next Pizza — online pizzeria
Designed the architecture based on Feature-Sliced Design and modified it to increase readability, scale, and code support.
Configured configs (ESLint, TypeScript, Tailwind, Next.js), implemented a unified code style, used Design Patterns, implemented Code splitting, and optimized perfectly
Implemented the key features of Next.js 15 + React 19: Server/Client Components, Intercepting & Parallel routes, Lazy loading.
Provided SEO optimization (semantics, keyboard accessibility, ARIA a11y).
Optimized loading and UX: manual hydration of the basket, query management via RTK-Query, minimization of expectations (competent loading UX).
I set up the UI theme through Ant Design, Code splitting, and reused components.
Provided adaptability for mobile devices.
0
110