rsschool-cv

Anastasiya Stepuk

My photo.

Contact Information

Self Introduction

I’m a beginner Frontend Developer with some expirience in Backend Development and Design. Driven by a passion for elegant design solutions and a commitment to continuous improvement, I seek a role that fosters creativity and professional growth. I aim to bring clarity and innovation to every project. In the process of work I learn quickly and have a great desire for professional growth.

Skills

Code Examples

import MovieCard from "../components/MovieCard";
import { useState, useEffect } from "react";
import { searchMovies, getPopularMovies } from "../services/api";
import "../css/Home.css";

function Home() {
  const [searchQuery, setSearchQuery] = useState("");
  const [movies, setMovies] = useState([]);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const loadPopularMovies = async () => {
      try {
        const popularMovies = await getPopularMovies();
        setMovies(popularMovies);
      } catch (err) {
        console.log(err);
        setError("Failed to load movies");
      } finally {
        setLoading(false);
      }
    };

    loadPopularMovies();
  }, []);

  const handleSearch = (e) => {
    e.preventDefault();
    alert(searchQuery);
    setSearchQuery("");
  };

  return (
    <div className="home">
      <form onSubmit={handleSearch} className="search-form">
        <input
          type="text"
          placeholder="Search for movie..."
          className="search-input"
          value={searchQuery}
          onChange={(e) => setSearchQuery(e.target.value)}
        />
        <button type="submit" className="search-button">
          Search
        </button>
      </form>

      <div className="movies-grid">
        {movies.map((movie) => (
          <MovieCard movie={movie} key={movie.id} />
        ))}
      </div>
    </div>
  );
}

export default Home;

Work Experience

Projects

  1. Movie Search Engine - link
    • A simple movie search engine built with React and Vite. The movies are loaded using API
  2. Wordpress site - link
    • In 3 weeks created and published Wordpress powered site from scratch without experience in platform. Covered all the work with databases, hosting and domain name. Later covered the work with creating ads using Yandex Direct, analyzed data and improved the adds to get more clients.

Education

Languages