Машин Пётр

фронтенд разработчик

Я люблю, когда дело приносит удовольствие и заставляет меня развиваться. Мне нравится быть профессионалом. Чувствовать удовлетворние от проделанной работы. Делать правильно, чисто и красиво. Для меня программирование – это математика, скульптура и игра в баскетбол одновременно. Очень интересная, сложная и творческая работа.

Навыки

  • HTML5

  • CSS3

  • Sass

  • Javascript

  • Typescript

  • REACT

  • Node

  • PostgreSQL

  • Redux Tools

  • MobX

  • REST API

  • Tailwind CSS

  • Material UI

  • JEST

  • GitHub

  • Webpack

Примеры работ

  • CarWash

    carwash

    SPA приложение для автоматизации работы админинстратора автомоики. Создание типов автомобилей,типов моек ,моищков. Запись автомобилей на определенное время.Выбор количества доступных моищиков, расчет зарплаты. Данные хранятся в базе данных PostgreSQL.

    Технологий :

    • React

    • PostgreSQL

    • Express

    • MobX

    • Material UI

  • CadEx

    cadEx

    Приложение для построения 3D моделеи при помощи библиотеки Three.js , использован ООП стиль при написании кода. Данные с фронтенда отправляются на бекенд , там производится расчет и отправка на фронтенд. На фронтенде библиотека строит модель

    Технологий :

    • HTML5

    • CSS3

    • Typescript

    • Three.js

    • Express

    • Webpack

  • Momentum

    momentum

    Клон приложения Momentum от Google. Адаптивная верстка, список дел, аудиоплеер, фоновые изображения из 3-х разных источников на выбор, виджет погоды. Сохранение местоположения и имени пользователя.

    Технологий :

    • HTML5

    • CSS3

    • Javascript

  • Labyrinth

    labyrinth

    Игра на память. Необходимо выбрать размер поля и количество шагов.Следуя инструкциям необходимо из стартовой точки угадать финишную

    Технологий :

    • REACT

    • Redux Tools

    • Tailwind CSS

  • Notebook

    notebook

    Записная книжка с календарем.

    Технологий :

    • REACT

    • Redux Tools

    • CSS3

  • Kanal service

    kanal

    Проект SPA со сраницей входа , в случае успешной авторизации переход на вторую страницу. Данные запрашиваются с JSONPlaceholder

    Технологий :

    • REACT

    • Redux Tools

    • Tailwind CSS

  • Shopping calculator

    shoping-calc

    Калькулятор расходов. Вносите наименование ,стоимость ,категорию товара. Общая сумма отображается за день, месяц, год или любой выбранный период времени.Фильтр на категорий покупок. Данные отображаются как в виде таблицы, так и в виде графиков.

    Технологий :

    • REACT

    • Redux Tools

    • Tailwind CSS

  • Virtual keyboard

    keyboard

    Виртуальная клавиатура

    Технологий :

    • Javascript

    • HTML5

    • CSS3