Connect To WOW is a Calgary-based software development firm, that is focused on building web applications to help people and businesses connect, automate and improve efficiency for Oil & Gas industry.1- Organized and managed a design system team.2- Generated an efficient, simple, and lightweight design system from scratch with native web components based on Atomic design.3- Researched UX patterns and authored many rules for how to use components to achieve flexibility.4- Developed more than 150 web components to be used in any frontend framework, especially ReactJS.5- Released several NPM packages to improve maintenance, management, and versioning.6- Developed a full-featured PDF Editor (like PDFTron and PSPDFKit) with real-time collaboration.7- Educated and coached new developers.8- Defined workflows to increase efficiency.9- Initiated a micro frontend architect.10- Developed a messenger app like Microsoft Teams based on Amazon Chime.Tech Stack: React · Redux · Lerna · WebPack · Rollup · StencilJs · Custom Elements · Typescript · SASS · FabricJs · PDF Reader Libraries · Socket.IO · YJS · ESLint · Prettier · Amazon Chime · ZustandLearnings: Web Components · Git Submodule · Google Material · Agile · Scrum · State Management · Jira · Bitbucket · Code Formatter · Figma · Adobe XD · Micro Frontend

HTMLPLUS is a collection of framework-less and lightweight web components. It’s totally native and developed purely with javascript. All HTMLPLUS components are customizable and configurable.1- Developing a collection of UI components based on Atomic Design which is powered by @htmlplus/element.2- Publishing a document for UI components as a website.3- Creating wrappers for UI components to be compatible with Angular, React, Svelte, and Vue.4- Generating an engine to produce multi-output code from one codebase. That engine converts '.tsx' files to Angular, React, Svelte, and Vue syntax.5- Making a lot of examples per UI components in the 4 most popular javascript frameworks (Angular, React, Svelte and Vue).6- Generating a fast, lightweight, and efficient engine named @htmlplus/element for developing web components to replace with Lit, StencilJs, etc. This engine is customized for producing Design Systems.Tech Stack: Custom Elements · Typescript · Angular · React · Svelte · Vue · SCSS · Rollup · Cypress · Vite · Mobx · Vercel · BabelJs · ESBuild · Lerna · Git Subtree · Git SubmoduleLearnings: Web Components · Shadow DOM · Custom Events · SASS · E2E Test · Custom Rollup Plugin · CI/CD · Github Pages · Cloudflare · Vercel · Deep BabelJs (AST, Parser Traverse, Generate) · SWC · Lit · Publish Package (NPM, Nuget, etc)

A startup-based company that provides different services in the real estate field by making various applications that resolve the needs of customers, real estate advisor offices, and realtors. These applications include country-wide needs for this field and also integrate all real estate information.1- Launched a landing page to introduce the product.2- Developed a real estate application like Zillow, including several web applications, websites, and hybrid mobile applications.3- Trained technical members to increase productivity in the frontend.4- Increased the speed of frontend development by arranging a new team.5- Facilitated workflows to meet deadlines.Tech Stack: NodeJs · VueJs · NuxtJs · Vuex · GraphQL · OpenLayers · Quasar · Axios · Vuetify · Google Map APIsLearnings: PWA · Microservice · SSR

A reliable and comprehensive training center in the field of information technology that offers a wide range of courses, including programming, network, cybersecurity, and more.Tech Stack: React.js · Vue.js · Angular · TypeScript · HTML · CSS · JavaScript · ECMAScript · Software Development · AngularJS · jQuery

Designed and developed an internal search engine named tagdit.com including a web application and a chrome extension. also, designed and developed a messenger-based home service provider powered by Facebook messenger named cityplus.io bot.Tech Stack: Angular · NodeJS · Webpack · Angular Material · Bootstrap · Socket.Io · ExpressJs · ECharts · TelegrafJs · Chatfuel · RxJsLearnings: Frontend Bundlers · Web Socket · Telegram Bot · Facebook Bot · Messaging Queue · Reactive Programming · Chrome Extension Development · Elastic Search · Redis · Microsoft Azure · ECMA Script

khabarazma.com is a smart news search engine that presents full feature Website, Mobile app, and API Services. Our internal crawlers are looking for any news on websites and after prepossessing making them available to the public.Tech Stack: AngularJS · Bootstrap · ASP.Net WebApi · OAuth · Entity Framework · Dot Net Framework · SQL ServerLearnings: Team Working · Reactive Web Developing · Lazy Loading · SSR · HTML Meta Tags · MVVM · Relational Database Design · SOLID Principle · Auth · JWT · Restful API · OOP · Caching · Throttling · Web Security · Large Scale Databases

Designed, developed, and maintained a wide range of software and hardware with various technologies.1- Built a accurate and low price Sun Finder sensor equipmented 2 mechanical axis for solar panels to store more sun energy in batteries.2- Designed and developed a ground piano (Parmis Piano) with 840cm * 90cm dimensions. Including 2 hybrid mobile applications, C# console application, C# windows form application, and related hardwares.3- Developed tiny and low-power wireless sensors for use in smart homes.4- Produced a hardware and software called washing machine (laundry) for use in student dormitory to manage reservations and paymernts.5- Developed a hardware and software named Land Simulator for collecting information from plants that help farmers make informed decisions and increase their efficiency and profitability.6- Designed and produced a modular device for smart homes.7- Developed a windows form software to detect faults in PSTN network for the Telecommunication Company of Iran8- Generated a supper tiny USB programmer for AVR microcontrollers with dimentions 10mm * 13mm. Tech Stack: HTML · CSS · JavaScript · jQuery · Typescript · SignalR · AngularJs · Apache Cordova · TFS · Git · NodeJs · XHR · Ionic · Vuetify · Google Map APIs · Angular Material · Bootstrap · ExpressJs · ASP.Net WebApi · Entity Framework · Dot Net Framework · SQL Server · C · C# · C# Windows Form · Assembly · AVR Microcontrollers · ASP.Net MVC · Arduino · CodeVision · Protel 99 SE

Jumbula solutions features easy online registration and management software for class, camp and after-school program.Tech Stack: JQuery · Bootstrap · ASP.Net MVC · Entity Framework · Dot Net Framework · SQL ServerLearnings: Team Working · JQuery Libraries · Bootstrap · ASP.Net MVC