Projects
-
Simsar Reimagined
Objective: Rewriting the legacy Simsar project using modern software tools and libraries to achieve cross-platform compatibility, with the web as the primary platform.
Overview: Addressed core design flaws from the original Simsar system while retaining its key principles. Collaborated with the original Simsar designers and maintainers for insights and best practices. Focused on implementing a modern, scalable, and efficient frontend architecture.
My Contributions: Designed and developed the entire frontend for the application, ensuring a responsive and user-friendly experience. Built a frontend server to support Server-Side Rendering (SSR). Implemented an authentication proxy from my SSR server to main .NET server. Stored and managed the session data by using SQLite. Leveraged OpenAPI for automated TypeScript code generation, enabling dynamic updates to the frontend whenever server endpoints changed. Optimized data fetching and caching to minimize unnecessary server requests and enhance performance.
- React
- TypeScript
- Vite
- NodeJS
- Tanstack Query
- Tanstack Start
- ShadcnUI
- OpenAPI v3
- .NET 9
-
-
Simsar Web Panel
Objective: Created a responsive web panel for Simsar to provide cross-platform accessibility beyond Windows.
Overview: Addressed the limitations of the original WPF-based Simsar application by creating a web-based solution for basic user needs. Designed and developed the web panel from the ground up, including custom UI components and Figma designs.
My Contributions: Designed and implemented the entire web panel, ensuring a responsive and user-centric interface. Created custom UI components to meet specific project requirements. Built Figma designs from scratch to guide development and ensure a consistent user experience. Extended the functionality of the existing API where possible to support essential user features.
- Vue
- TypeScript
- Vite
-
-
CMS System
Objective: Developed a CMS system to render web pages for client businesses using data from Simsar, enabling seamless website management and customization.
Overview: Designed and implemented responsive, user-friendly interfaces to provide an optimal user experience across platforms. Integrated front-end solutions with back-end services for smooth data rendering and functionality. Developed a website design editor to allow customers to customize their company websites effectively.
My Contributions: Designed and implemented the entire web panel, ensuring a responsive and user-centric interface. Created custom Vue UI components to support dynamic and responsive design requirements. Designed all Figma mockups and prototypes to align with user needs and project goals.
- Vue
- TypeScript
- Vite
- CSS
-