About me

Since 2009, I have been actively involved in developing websites on the Drupal CMS, professionally growing and honing my skills.

I specialize in Front-end development and have successfully implemented numerous projects, allowing me to delve deep into the intricacies and capabilities of this platform.

Additionally, I develop projects using React.js and Next.js, possessing substantial experience with these technologies. My professionalism and creative approach to each task enable me to create innovative and high-performance solutions, making me a valuable asset to any team.

Code example typescript

import { validateOrReject, IsEmail, MinLength } from "class-validator";
import { plainToClass } from "class-transformer";
class User {
    @IsEmail()
    email: string;
    @MinLength(10)
    password: string;
    constructor(email: string, password: string) {
        this.email = email;
        this.password = password;
    }
}
async function validateUser(user: User) {
    try {
        await validateOrReject(user);
        console.log('Пользователь валиден.');
    } catch (errors) {
        console.log('Обнаружены ошибки валидации:', errors);
    }
}
async function getUserFromDb<T>(id: string, type: { new (...args: any[]): T }): Promise<T | null> {
    const userData = { email: "example@example.com", password: "verystrongpassword" };
    const user = plainToClass(type, userData);
    await validateUser(user);
    return user;
}
(async () => {
    const user = await getUserFromDb<User>('123', User);
    if (user) {
        console.log('Пользователь получен:', user);
    }
})();

Code example React App

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Navbar from './Navbar';
import WeatherForm from './WeatherForm';
import WeatherDisplay from './WeatherDisplay';
import About from './About';
import NotFound from './NotFound';
import { WeatherProvider } from './WeatherContext';

function App() {
  return (
    <Router>
      <WeatherProvider>
        <Navbar />
        <Switch>
          <Route path="/" exact component={WeatherForm} />
          <Route path="/weather" component={WeatherDisplay} />
          <Route path="/about" component={About} />
          <Route component={NotFound} />
        </Switch>
      </WeatherProvider>
    </Router>
  );
}

export default App;

import React, { useState, useContext } from 'react';
import { WeatherContext } from './WeatherContext';

function WeatherForm() {
  const [city, setCity] = useState('');
  const { fetchWeather } = useContext(WeatherContext);

  const handleSubmit = (e) => {
    e.preventDefault();
    fetchWeather(city);
  };

  return (
    

       setCity(e.target.value)}
        placeholder="Enter City"
      />
      Get Weather
    
  );
}

export default WeatherForm;

import React, { useContext } from 'react';
import { WeatherContext } from './WeatherContext';

function WeatherDisplay() {
  const { weatherData } = useContext(WeatherContext);

  return (
    

      {weatherData ? (
        

          
{weatherData.city}
          
Temperature: {weatherData.temperature} °C
          
Condition: {weatherData.condition}
        
      ) : (
        
No weather data available. Please enter a city.
      )}
    
  );
}

export default WeatherDisplay;

Code example React Native App «Todo List»

import React, { useState } from 'react';
import { StyleSheet, View, TextInput, Button, FlatList, Text } from 'react-native';
import TodoItem from './components/TodoItem';

export default function App() {
  const [todos, setTodos] = useState([]);
  const [text, setText] = useState('');

  const addTodo = () => {
    setTodos([...todos, { key: Math.random().toString(), name: text }]);
    setText('');
  };

  const deleteTodo = key => {
    setTodos(todos.filter(todo => todo.key !== key));
  };

  return (
    
      
      
       (
          
        )}
      />
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    paddingTop: 50,
    paddingHorizontal: 20,
  },
  input: {
    marginBottom: 10,
    paddingHorizontal: 8,
    paddingVertical: 6,
    borderBottomWidth: 1,
    borderBottomColor: '#ddd',
  }
});

import React from 'react';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';

const TodoItem = ({ item, deleteTodo }) => {
  return (
     deleteTodo(item.key)}>
      
        {item.name}
      
	
	);
};

const styles = StyleSheet.create({
  item: {
    padding: 16,
    marginTop: 16,
    borderColor: '#bbb',
    borderWidth: 1,
    borderStyle: 'dashed',
    borderRadius: 10,
  }
});

export default TodoItem;

Example code Symfony

namespace App\Controller;

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\Security\Http\Authentication\AuthenticationUtils;
use App\Entity\User;
use Doctrine\ORM\EntityManagerInterface;
use Symfony\Component\Validator\Validator\ValidatorInterface;
use App\Form\UserType;

class DemoController extends AbstractController
{
    /**
     * @Route("/", name="home")
     */
    public function index(AuthenticationUtils $authenticationUtils): Response
    {
        $error = $authenticationUtils->getLastAuthenticationError();
        $lastUsername = $authenticationUtils->getLastUsername();

        return $this->render('index.html.twig', ['last_username' => $lastUsername, 'error' => $error]);
    }

    /**
     * @Route("/user/new", name="new_user")
     */
    public function newUser(Request $request, EntityManagerInterface $em, ValidatorInterface $validator): Response
    {
        $user = new User();
        $form = $this->createForm(UserType::class, $user);
        $form->handleRequest($request);

        if ($form->isSubmitted() && $form->isValid()) {
            $em->persist($user);
            $em->flush();
	
            $errors = $validator->validate($user);
            if (count($errors) > 0) {
                return $this->render('user/new.html.twig', [
                    'form' => $form->createView(),
                    'errors' => $errors,
                ]);
            }

            return $this->redirectToRoute('home');
        }

        return $this->render('user/new.html.twig', [
            'form' => $form->createView(),
        ]);
    }

    /**
     * @Route("/api/users", methods="GET")
     */
    public function getUsers(EntityManagerInterface $em): Response
    {
        $users = $em->getRepository(User::class)->findAll();
        return $this->json($users);
    }
}

Example of a MySql query

SELECT DISTINCT u.id,
    SUBSTRING_INDEX(u.phone, ':', 1) AS phone,
    u.first_name,
    u.second_name,
    u.updated_at
FROM users u
JOIN schools_users su ON u.id = su.user_id
JOIN abonements a ON u.id = a.user_id
LEFT JOIN children c ON u.id = c.user_id
WHERE su.school_id = 3
AND a.abonement_type_id IS NOT NULL
ORDER BY u.updated_at DESC