• Enhanced the legacy app by patching critical parts and streamlining the development process.• Developed custom components using React Aria Hooks to match client design requirements.• Ensured full compatibility across Apple devices.• Actively participated in UI/UX design and deployment processes.Dependencies: Typescript, React, Axios, Handlebars, Tailwind, Framer Motion, Express, Next (App Router), Nanostores, React Aria Hooks, Sass, XState, Fuse.js

• Adapted and modified existing components from the client's codebase to support the new AI Chatbot functionality.• Implemented tab synchronization for the chatbot flow.• Aligned chat session handling to match the API's approach for seamless integration.Dependencies: Typescript, Next(Page Router), Chakra UI, Axios, React Hook Form, Framer Motion

• Developed and maintained an electronic class register system to streamline attendance tracking and academic record management.• Integrated real-time data synchronization to ensure up-to-date records across multiple devices and platforms.• Implemented user authentication and role-based access control to secure sensitive academic data.• Enhanced the UI/UX to improve usability for students, teachers, and administrative staff.• Collaborated with stakeholders to gather requirements and ensure the system met institutional needs.Dependencies: Typescript, Angular, Docker, RxJS

• Customized a component library to meet project needs and built custom components where necessary.• Ensured smooth app functionality across different timezones, particularly for hotel admins using the app from a different timezone than the server.• Created a detailed API mock to test all use cases before backend integration.• Suggested and implemented valuable features, identifying and fixing issues overlooked by the client.Dependencies: Typescript, React, Turborepo, Bun, Docker, PostgreSQL, Drizzle, Storybook, Mantine UI, Tanstack Query, Express, Argon2, Zod, Tanstack Router, TRPC, Tanstack Table, Algolia, Framer Motion, Zustand

• Developed the entire checkout flow to ensure a smooth and efficient user experience.• Applied optimistic updates to improve the perceived speed of the checkout process and minimize latency.• Implemented cross-tab data synchronization using the Broadcast Channel API, ensuring data consistency across multiple tabs.Dependencies: Typescript, Astro, SolidJS, Nanostores, Tanstack Query, Vendure, NestJS, GraphQL, PostgreSQL, Stripe

• Implemented a restaurant menu with fuzzy search and a backend in Sanity.io.• Implemented a side drawer for mobile using CSS transforms.• Optimized page loading for SEO in a one-page website.• Scraped booking.com for prices, accounting for mobile and genius discounts.• Used GitHub Actions to schedule regular price updates.• Implemented a contact form with nodemailer and reCAPTCHA.Dependencies: Typescript, Next(App Router), Google Analytics, Framer Motion, Marzipano, Nodemailer, Lyra Search, Sanity.io

• Implemented session cookie authentication and AES encryption for usernames.• Designed and normalized the database to 3rd normal form.• Developed a custom color picker and ensured a fully responsive, ARIA-compliant UI.• Added the functionality to programmatically build a Google Sheet with almost identical functionality to the web app.• Enabled guest and offline usage, storing data in localStorage.Dependencies: Typescript, React, Redux Toolkit, Express, PostgreSQL, Knex, Google APIs, Bcrypt