Опис

Це портфоліо виконаної роботи з розробки інтерфейсу та інтеграції бази даних для сервісу пошуку нянь. Nanny.Services - це сучасний односторінковий вебзастосунок (SPA), створений для швидкого та зручного підбору кваліфікованого персоналу для догляду за дітьми.

Що замовляв клієнт ?
У межах проєкту було необхідно реалізувати наступний пул завдань:
- Розробка сучасного та адаптивного користувацького інтерфейсу (UI/UX) для платформи з пошуку нянь;
- Створення головної сторінки (landing page) з чітким позиціонуванням сервісу та конверсійними елементами;
- Реалізація каталогу нянь із детальною інформацією про кандидатів (рейтинг, погодинна оплата, вік, досвід, навички та освіта);
- Інтеграція системи реєстрації та авторизації користувачів;
- Створення функціоналу додавання кандидатів до списку обраного («Favorites»);
- Налаштування системи фільтрації та сортування списку нянь;
- Забезпечення високої швидкості завантаження сторінок та плавності роботи інтерфейсу.

Які інструменти використовувались в роботі ?
- Фронтенд-фреймворк: React (збірка проекту за допомогою швидкого інструменту Vite);
- Бекенд та база даних: Firebase (сервіс Firebase Authentication для безпечного входу та Firestore Database для зберігання даних про користувачів та нянь);
- Маршрутизація: React Router для забезпечення SPA-поведінки без перезавантаження сторінок;
- Хостинг: Платформа Vercel для швидкого деплою та стабільної роботи застосунку.

Що отримав клієнт у результаті ?
У результаті розробки було створено готовий до використання вебзастосунок із продуманою структурою та логікою взаємодії:
- Архітектура та швидкість роботи: Завдяки використанню React та Vite застосунок має високу швидкість рендерингу сторінок. Компонентний підхід дозволяє легко масштабувати код та додавати нові функції в майбутньому.
- Логіка авторизації та збереження даних: Налаштовано інтеграцію з Firebase. Користувачі можуть створювати особисті кабінети та безпечно авторизуватися в системі. Зареєстровані користувачі мають можливість додавати нянь до розділу «Favorites», дані про що синхронізуються в реальному часі.
- Каталог та інтерактивні елементи: Розроблено зручну сторінку каталогу з картками нянь. Реалізовано систему сортування (наприклад, за алфавітом від A до Z). Кожна картка інформативно відображає ключові параметри: вік, досвід роботи, вікову категорію дітей, риси характеру, освіту та вартість послуг за годину. Кнопка «Read more» дозволяє дізнатися додаткові деталі без переходу на інші сторінки.
- Адаптивний UI/UX дизайн: Інтерфейс повністю оптимізовано під різні пристрої (десктопи, планшети, смартфони). Чисте візуальне оформлення у приємній синьо-білій гамі полегшує сприйняття інформації та фокусує увагу користувача на виборі фахівця.

-----

SPA application for finding babysitters.

Type: Individual

Tech: React, Firebase, Vite

Features:
-Authentication (login/register)
-Add to favorites
-Filtering and browsing nannies
-Responsive UI

Навички

Односторінкові сайти та лендінги, Javascript та Typescript

Веб-адреса

https://nanny-services-neon.vercel.app/

Тривалість

15-02-2026 ↔ 08-03-2026

Вкладення