--- title: "Porfolio of Leonid Radostnov web developer | Prostoleo.dev - turnkey development of professional websites" description: "Web developer. Modern solutions. API intergration. Intergration with various CMS. Responsive layout. Design in Figma. Portfolio of Leonid Radostnov" canonical_url: "https://prostoleo-dev.com/" meta: "og:description": "Web developer. Modern solutions. API intergration. Intergration with various CMS. Responsive layout. Design in Figma. Portfolio of Leonid Radostnov" "og:image": "https://prostoleo-dev.com/prostoleo-dev-portfolio-screenshot.jpg" "og:title": "Porfolio of Leonid Radostnov web developer" --- > Index of every page on this site: [llms.txt](https://prostoleo-dev.com/llms.txt) # **Creating your experience **
** in browser ** Hi everyone, my name is Leonid and I’m **web developer** [Let's talk](https://prostoleo-dev.com/#contacts) [Show work](https://prostoleo-dev.com/#portfolio) ![Leonid Radostnov - web developer](https://prostoleo-dev.com/.netlify/images?w=400&h=400&fm=webp&url=%2Fmy-avatar.png) **Leonid ** ## **Advantages** - ![icon - Modern tech stack](https://prostoleo-dev.com/icons/icon-technology.svg) ### **Modern tech stack** I use cutting edge web solutions. For me, the quality and speed of the your site is important. I think that for you too :) - ![icon - Web Animations](https://prostoleo-dev.com/icons/icon-animation.svg) ### **Web Animations** Animation can add a little extra to the site, better position the user to your site. - ![icon - Intergrations with CMS](https://prostoleo-dev.com/icons/icon-cms.svg) ### **Intergrations with CMS** If necessary, I can intergrate website with various CMS (a content management system) to make it more convenient for you to change its content. - ![icon - Your project is my priority](https://prostoleo-dev.com/icons/target.svg) ### **Your project is my priority** I strongly believe in the principle: You want to do something? - then concentrate. I only do one project at a time. - ![icon - Need design?](https://prostoleo-dev.com/icons/design.svg) ### **Need design?** I work with tools for design such as Figma and Adobe XD, so make a unique design for you - no problem. ![Smarthealth project image 1](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-1.png) ![Smarthealth project image 2](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-2.png) ![Smarthealth project image 3](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-3.png) ![Smarthealth project image 4](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-4.png) ![Smarthealth project image 5](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-5.png) ![Smarthealth project image 6](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-6.png) ![Smarthealth project image 7](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-7.png) ![Smarthealth project image 8](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-8.png) ![Smarthealth project image 9](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-9.png) ![Smarthealth project image 10](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-10.png) ![Smarthealth project image 11](https://prostoleo-dev.com/.netlify/images?w=1652&fm=png&url=%2Fscreenshots%2Fsmarthealth%2Fsmarthealth-11.png) ## **Featured project** ### Smarthealth - Built and maintained interactive UIs using **Vue.js**, **TailwindCSS**, **TypeScript**, **Inertia.js**, **Blade** - Leveraged **Vue 3 Composition API** to split logic into reusable composables and manage state efficiently - Created and maintained **reusable Vue components** across **two major projects** - Helped develop, optimize, and organize **Blade templates and Tailwind-based components** - Worked closely with designers to **translate Figma designs** into pixel-perfect, responsive layouts - Created data dashboards and **charts using Chart.js** - Implemented **smooth GSAP animations** for dynamic user experience - Developed **multilingual support** across the app using i18n - Integrated **shadcn-vue** components into existing codebase - Worked with **Laravel backend** to implement and fine-tune features - Created and maintained **PHPUnit and Playwright tests** - Wrote **technical documentation** for partners using VitePress - **Maintained npm dependencies** and ensured codebase stability - Performed **frontend bug fixes** and continuous **UI/UX improvements** ## **Portfolio** **Some of my projects ** - ![Memogrove | Vocabulary learning app with AI cover image](https://prostoleo-dev.com/.netlify/images?w=1200&fm=png&url=%2Fscreenshots%2Fmemogrove%2F01-landing-hero-light.png) - ![Aurum Advisory - luxury marketing agency website cover image](https://prostoleo-dev.com/.netlify/images?w=1200&fm=jpg&url=%2Fscreenshots%2Faurum-advisory%2Faurum-advisory-1.jpg) - ![Petlocale - Pet social network cover image](https://prostoleo-dev.com/.netlify/images?w=1200&fm=png&url=%2Fscreenshots%2Fpetlocale%2Fpetlocale-1.png) - ![FYTL - Dating app cover image](https://prostoleo-dev.com/.netlify/images?w=1200&fm=jpg&url=%2Fscreenshots%2Ffytl%2Ffytl-1.jpg) ## **Skills** ![vue icon](https://prostoleo-dev.com/icons/skills/icon-vue.svg) ![nuxt icon](https://prostoleo-dev.com/icons/skills/icon-nuxt.svg) ![typescript icon](https://prostoleo-dev.com/icons/skills/icon-typescript.svg) ![laravel icon](https://prostoleo-dev.com/icons/skills/icon-laravel.svg) ![TailwindCSS icon](https://prostoleo-dev.com/icons/skills/icon-tailwindcss.svg) ![vite icon](https://prostoleo-dev.com/icons/skills/icon-vite.svg) ![astro icon](https://prostoleo-dev.com/icons/skills/icon-astro.svg) ![pinia icon](https://prostoleo-dev.com/icons/skills/icon-pinia.svg) ![vuex icon](https://prostoleo-dev.com/icons/skills/icon-vue.svg) ![sass icon](https://prostoleo-dev.com/icons/skills/icon-sass.svg) ![gsap icon](https://prostoleo-dev.com/icons/skills/icon-gsap.svg) ![playwright icon](https://prostoleo-dev.com/icons/skills/icon-playwright.svg) ![phpunit icon](https://prostoleo-dev.com/icons/skills/icon-phpunit.png) ![vitest icon](https://prostoleo-dev.com/icons/skills/icon-vitest.svg) ![figma icon](https://prostoleo-dev.com/icons/skills/icon-figma.svg) ![react icon](https://prostoleo-dev.com/icons/skills/icon-react.svg) ![redux icon](https://prostoleo-dev.com/icons/skills/icon-redux.svg) ## **What people say** ## **Are you interested?** **Fill out the form and I get in touch with you asap. ** **Or text me directly to email** [prostoleo.dev@gmail.com](mailto:prostoleo.dev@gmail.com) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://prostoleo-dev.com/#website","@type":"WebSite","description":"🟢 Web development. Turnkey development. Responsive layout. Integration with CMS. Modern solutions. Design in Figma. Leonid Radostnov portfolio","inLanguage":"ru","name":"Prostoleo.dev - разработка профессиональных сайтов под ключ","url":"https://prostoleo-dev.com/","publisher":{"@id":"https://prostoleo-dev.com/#identity"}},{"@id":"https://prostoleo-dev.com#webpage","@type":"WebPage","description":"Web developer. Modern solutions. API intergration. Intergration with various CMS. Responsive layout. Design in Figma. Portfolio of Leonid Radostnov","inLanguage":"en","name":"Porfolio of Leonid Radostnov web developer","url":"https://prostoleo-dev.com","about":{"@id":"https://prostoleo-dev.com/#identity"},"isPartOf":{"@id":"https://prostoleo-dev.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://prostoleo-dev.com"]}]},{"@id":"https://prostoleo-dev.com/#identity","@type":"Person","logo":"/logo.png","name":"Leonid Radostnov","url":"https://prostoleo-dev.com/","image":{"@id":"https://prostoleo-dev.com/#/schema/image/1"},"sameAs":["https://twitter.com/company","https://dzen.ru/id/635a5d5f55fa6014e1aae1a3","https://vk.com/prostoleo_dev","https://github.com/prostoleo","https://t.me/prostoleodev","https://dzen.ru/id/635a5d5f55fa6014e1aae1a3","https://vk.com/prostoleo__dev"]},{"@id":"https://prostoleo-dev.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://prostoleo-dev.com/my-avatar.webp","inLanguage":"en","url":"https://prostoleo-dev.com/my-avatar.webp"}]} ``` ## Sitemap See the full [sitemap](https://prostoleo-dev.com/sitemap.md) for all pages.