● Developed an adaptive web application for marketing:— Configured the webpack collector from scratch.— Applied Feature-Sliced Design (FSD) architecture for scaling and readable code.— Applied API map for convenient display of coordinates of executed works of customers and location of partners.— Applied API recharts graphics to display: sales revenue, completed orders, number of orders.— Developed a step-by-step form with validation to fill in the new lead… Show more ● Developed an adaptive web application for marketing:— Configured the webpack collector from scratch.— Applied Feature-Sliced Design (FSD) architecture for scaling and readable code.— Applied API map for convenient display of coordinates of executed works of customers and location of partners.— Applied API recharts graphics to display: sales revenue, completed orders, number of orders.— Developed a step-by-step form with validation to fill in the new lead questionnaire.— Introduced large informative data obtained from the developer’s backend API. Implemented based on the technical task: modal windows, pagination, tabs, filtering and sorting, search, sliders.— Developed a personal self-service account of clients before the final purchase of services of the company.The cabinet includes: authorization, data confirmation, step-by-step instruction on items from the menu (sidebar), appointment, filling in the questionnaire, payment, registration for training and passing the exam in a personal booth. After passing the exam, the client has access to the company’s resources.— Optimized site download speed up to 0.5 seconds:1. Using code splitting, split each page into separate chunks to prevent the whole code from getting into the bundle.2. As the client scrolls the site, components are loaded.3. Converted images to webp format. If the user does not support webp format, he will get jpg or png.4. Used hooks to memorize functions and props.collaborated closely with backend developer, UX/UI designer, illustrator, copywriter.Stack: JavaScript, TypeScript, React, Redux, Redux-Toolkit, Webpack, useFormik, React-Router-Dom, HTML5, SCSS, (ClassNames, Flex, Grid), Axios, REST API, Git, GitHub Show less