Диана Седалищева › DianaS888 Сбер ID
Помогаю с сайтами и веб-задачами
Рейтинг
192
№ 7 128 в каталоге
Отзывы
0
Профессионализм
-/10
Коммуникация
- /10
Опыт работы
1 год
На сайте с
2026 года
Юридический статус
Самозанятый

Личный сайт-портфолио веб-разработчика с собственным бэкендом и системой приёма заявок

Используемые навыки CSS HTML JavaScript Node.js PostgreSQL

Описание

Задача — создать личный сайт-портфолио для продвижения услуг по веб-разработке и привлечения клиентов. Сайт должен не просто показывать работы, а сразу превращать посетителей в обращения.
Цели проекта:
понятно показать услуги и формат работы;
собрать заявки через удобные точки контакта;
ничего не терять: каждая заявка должна сохраняться и мгновенно доходить до владельца;
сделать сайт на двух языках (русский и английский);
обеспечить удобную работу на компьютере, планшете и телефоне;
подключить аналитику, чтобы отслеживать поведение посетителей.

Решение

Спроектировала структуру многостраничного сайта и написала тексты блоков под услуги фрилансера.
Написала серверную часть на Node.js и Express, а вёрстку выполнила на HTML5 и CSS3 (Grid, Flexbox) с JavaScript без фреймворков.
Сделала адаптивный интерфейс под компьютер, планшет и телефон: галерея работ, бургер-меню, удобные блоки и кнопки.
Реализовала форму заявки с проверкой данных в браузере и на сервере и обязательным согласием на обработку персональных данных.
Настроила хранение заявок в PostgreSQL. SQL-запросы параметризованы для защиты от инъекций, секреты вынесены в переменные окружения.
Подключила мгновенные уведомления: каждая заявка приходит в Telegram через бота, а копия уходит на почту через Nodemailer (Gmail).
Создала закрытую админ-панель с входом по паролю и защищённой cookie-сессией, где заявки можно просматривать и удалять.
Добавила два языка (русский и английский) с переключением без перезагрузки страницы и запоминанием выбора.
Подключила Яндекс Метрику с Вебвизором и Яндекс Вебмастер, добавила страницу политики конфиденциальности.
Развернула проект на Render (хостинг и база данных) и настроила автоматический деплой при каждом git push.

Результат

Личная онлайн-визитка и точка входа для клиентов с полноценной обработкой заявок.
На одной площадке собраны услуги, примеры работ, информация обо мне и способы связи. Клиент может быстро понять формат работы, посмотреть кейсы и оставить заявку через форму или WhatsApp. Заявка сохраняется в базе, мгновенно приходит в Telegram и на почту, так что на обращение можно ответить сразу.
Сайт используется как основное портфолио и канал для новых обращений по веб-задачам и смежным услугам. Он работает на двух языках, одинаково удобен на любом устройстве, а поведение посетителей отслеживается через Яндекс Метрику.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Сайт под ключ: товары и логистика из Китая
Сайт под ключ: товары и логистика из Китая
49