Valeriia Stratulat
Offer Valeriia work on your next project.
Private message
Offer work
Podolsk,
Ukraine
24 days 2 hours back
available for hire
age 24 years
on the service 2 months 25 days
Rating
Successful projects
Average rating
Language proficiency level
Українська: fluent
English: pre-intermediate
Polski: pre-intermediate
Skills and abilities
Portfolio
-
Landing Page for the educational conference "EduConf"
HTML & CSS
Development of a responsive landing page for an international educational conference. The project demonstrates a classic approach to creating clean and semantic web pages.
Technical features and implementation:
… Semantic markup: Use of modern HTML5 standards for better indexing by search engines (SEO).
Styling: Working with CSS3 (Flexbox/Grid), which provides a clear structure of blocks and elements.
Responsiveness: The page displays correctly on different types of devices (desktop, tablet, mobile) thanks to media queries.
Interactivity: Implementation of smooth navigation (Smooth Scroll) and styled hover effects for buttons and cards.
Structure: The project includes "Hero", "About", "Schedule" blocks and a contact form, making it a ready solution for similar events.
Tools: HTML5, CSS3
-
Expense Tracker — a platform for financial accounting
Web Programming
Категорія: Веб-програмування
Технологічний стек: Next.js 15 (App Router), TypeScript, Zustand, React Query, Formik, Axios.
Опис:
… Це високопродуктивний вебдодаток для контролю особистих фінансів із фокусом на архітектуру production-ready. Проєкт реалізує повний цикл взаємодії користувача з даними в реальному часі через адаптивний інтерфейс.
Ключовий функціонал та реалізовані задачі:
Комплексна авторизація: Впровадила систему захищених маршрутів (auth та private layout'и), що забезпечує безпеку персональних даних користувачів.
Управління станом (State Management): Використала Zustand для легкого та швидкого керування глобальним станом додатку та React Query для ефективної синхронізації з API.
Інтерактивний Dashboard: Розробила панель керування для візуального моніторингу балансу та історії операцій.
Робота з формами: Налаштувала складну валідацію фінансових транзакцій за допомогою Formik та Yup.
Адаптивна верстка: Реалізувала mobile-first підхід, що гарантує зручність використання на смартфонах і планшетах.
Технічні переваги:
Чиста архітектура: Чіткий поділ логіки на компоненти, сервіси API (lib/) та централізовані типи TypeScript.
Типізація: 100% покриття коду типами для мінімізації помилок та легкого масштабування проєкту.
Оптимізація: Швидке завантаження сторінок завдяки перевагам Next.js App Router.
#Next.js #TypeScript #zustand #React Query #Axios
-
Tourist platform "Natural Journeys" (Fullstack development)
Web Programming
Team project aimed at creating a convenient service for searching and planning ecological routes in Ukraine. The project is implemented on a modern technology stack with a separation between client and server parts.
My contribution and technical solutions:
… Authorization architecture (Next.js):
Developed and implemented a secure user authentication system.
Configured session state management using React Context (AuthContext), which allowed centralized storage of user data.
Implemented a mechanism for working with JWT tokens (storage, expiration checking, and automatic login).
Frontend development:
Created interactive registration and login forms with client-side data validation.
Implemented protection for private routes (Protected Routes), restricting unauthorized users' access to personal accounts and content creation.
Integrated the frontend with REST API for dynamic route display.
Backend integration:
Worked with the server side on Node.js/Express to handle authorization requests and data validation on the server side.
Configured interaction with the database to store user profiles and their routes.
Technical stack:
Frontend: Next.js, TypeScript, Tailwind CSS, React Context API.
Backend: Node.js, Express, REST API.
Collaboration: Git (teamwork through Pull Requests).
Backend link: https://github.com/StratulatValeria/pryrodni-mandry-back
#Next.js #Node.js #React/TypeScript
-
City Council Document Registry (Desktop-first)
Javascript and Typescript
Development of a functional module for viewing and searching official documents. The project demonstrates skills in building logic for filtering large datasets and working with modern frameworks.
Technical features and solutions:
… Stack: Next.js 15 (App Router), TypeScript, CSS Modules.
Dynamic filtering: Implemented multi-level search by document type (decisions, orders, directives), area of activity, and status.
State management: Use of URLSearchParams to synchronize filters with the link, allowing search results to be preserved when the page is reloaded.
Typing: Full support for TypeScript to ensure code stability and prevent errors when working with data objects.
Architecture: Desktop-oriented interface with a focus on ease of handling large data tables.
#Next.js #TypeScript
-
RentalCar — Car booking and rental service
Javascript and Typescript
Modern Fullstack platform for searching and renting vehicles. The project is implemented as a SPA (Single Page Application) with a focus on high performance and an intuitive UX/UI interface.
Technical features and architectural solutions:
… Framework: Built on Next.js 15 using App Router. This ensures efficient routing (dynamic routes /catalog/:id) and fast content loading.
State Management: Global state management of the application is implemented through Zustand. This allowed for the creation of a convenient car filtering system and a "Favorites" feature.
Persistence: Thanks to the integration of Middleware Persist, the cars selected by the user are stored in LocalStorage, allowing data to be retained even after closing the tab or refreshing the page.
Typing: The code is fully written in TypeScript, ensuring application stability and facilitating further maintenance.
Optimization: Modern methods of loading images and data have been implemented to minimize delays when working with a large catalog.