Faiq - Front-End React Developer

MH Academy:

• Developing high-performance customer and admin applications using ReactJS, NextJS with monorepo architecture using Lerna and Yarn workspaces.
• Developing separated components, utils and business logic libraries for use in multiple projects without any code duplication.
• Developing pub-sub middleware for redux for better managing states of deeply nested and isolated forms.
• Used Typescript for better managing and understanding code base.
• Implementing internationalization with i18n.
• Effective use of native HTML to enhance SEO optimization.
• Implementing TailwindCSS with customized theme and JSS technique using styled-components for better managing the dynamic theme.
• Used redux, redux-toolkit and redux-saga for better managing data fetching and asynchronous actions.
• Implemented memoized selectors for avoiding unnecessary renders using reselect. 
• Developing fully cross-browser HTTP live streaming player with custom UI and functionalities.
• Developing dynamic agreement document generator with drawing signature feature.

Technologies used: Typescript, ReactJS, NextJS, TailwindCSS, Styled Components, Redux Toolkit, Redux-Saga, Formik, Puppeteer, PDFTron, HLS JS, Yarn Workspaces, Lerna.

Find Express Client:

• Develop a high-performance customer-facing delivery application using ReactJS.
• Migrate the entire project to NextJS for server-side rendering and SEO optimization.
• Built custom components for UX-Library consisting of Accordion, Dropdown, Carousel etc.
• Exclusively used built-in and custom react hooks to handle application life-cycle processes.
• Used Typescript for better managing and understanding code base.
• Worked closely with clients to establish specifications and system designs. Used Adobe XD and Figma to collaborate with UX. 
• Effective use of native HTML to enhance SEO optimization.
• Implement the JSS technique using styled-components for better managing the dynamic theme.
• Used react-query for fetching, caching, and updating server state easily.

Technologies used: Typescript, ReactJS, NextJS, Redux, Accordion, Dropdown, Carousel, HTML, Figma, JSS, React-Query.

Find Express Office:

• Used Typescript for better managing and understanding code base.
• Used Ant Design UI library for building easy-to-use interfaces based on Ant Design Pro admin template.
• Used Socket IO for receiving real-time coordinates from devices and optimized for preventing unnecessary renders.
• Built reusable and performant form components for management applications to handle large forms.
• Optimize data table performance using a virtualizing technique with react-virtualized.
• Built statistical charts using ChartJS.
• Implemented advanced router techniques to handle modal-based pages (generally forms).
• Used redux with redux-observable middleware in application to retrieve and store data from Back-End and to also perform RESTFUL services.
• Implemented SOLID principles to improve the scalability of the codebase.

Technologies used: Typescript, ReactJS, Redux, Socket.io, Ant Design, Ant Design Pro, ChartJS.

Find Express Mobile:

• Used Typescript for better managing and understanding code base.
• Develop a high-performance customer-facing delivery application using React Native.
• Built beautiful UI design based on React Native Paper.
• Exclusively used built-in and custom react hooks to handle application life-cycle processes.
• Built a custom event bus module to communicate between components to keep components more isolated.
• Migrate entire API calls to react-query for improving application performance on mutations and caching the queries.

Technologies used: Typescript, React Native, React Navigation, Redux, Redux Form, Push Notifications, React Native Paper.

GPS.AZ:

• Develop high-performance GPS Tracking web applications using ReactJS, Leaflet, Redux, Redux-Thunk.
• Optimize map performance for displaying up to thousands of dynamic points.
• Used redux-form for handling large forms.
• Built communication service between server and device using Node TCP.
• Built device-specific decoders and encoders for receiving or sending data to GPS Trackers.
• Built and optimized map tile generator service using NodeJs, ExpressJs, PostGIS, and Mapnik which can draw a million coordinates in seconds.
• Built notification service using Redis, Socket IO.

Technologies used on Front End: Typescript, React, React Router, Redux, Redux Form, Leaflet, Socket.io.

Technologies used on Back End: ExpressJS, NATS MQ, Node TCP, ExpressJS, Mapnik, PostGIS.

Avtomaks:

• Migrate packages to the latest version.
• Rebuilt user interface using Semantic UI.
• Increase cross-browser compatibility. 
• Expand features, refine code, and improve functionality.
• Built statistical charts using ChartJS

Technologies used: React, React Router, Redux, Redux Form, Semantic UI, ChartJS.

Sumaks Employees Rating System:

• Used Typescript for better managing and understanding code base.
• Designed a beautiful UI for increasing user experience using Adobe XD.
• Implemented drag and drop feature to determine the order of projects and tasks using React DND belongs to html5-backend and touch-backend for mobile support.
• Built statistical charts using ChartJS.

Technologies used: Typescript, React, React Router, Redux, Redux Form, Bootstrap 4, ChartJS.

Fikirbildir:

• Developing high-performance web applications using ReactJS belongs to NextJS for SEO optimization.
• Built beautiful user interfaces using customized Bootstrap 4 library.
• Built real-time notifications feature using Socket IO for establishing communication with the backend.
• Used Typescript for better managing and understanding code base.

Technologies used: Typescript, React, ReactJS, NextJS, Bootstrap 4, Socket.io.