update projects
This commit is contained in:
parent
da7c67734f
commit
ca2cc9aad0
3 changed files with 60 additions and 112 deletions
|
|
@ -3,155 +3,90 @@ import type { Project } from "./types";
|
|||
export const projects: Project[] = [
|
||||
{
|
||||
id: "01",
|
||||
title: "Fintech Landing",
|
||||
title: "Центр инструментов Мастер",
|
||||
description:
|
||||
"Быстрый лендинг финтех-стартапа: анимации, формы заявки и стабильная производительность.",
|
||||
"Корпоративный лендинг для магазина инструментов: каталог, формы обратной связи и высокая производительность.", // <-- ИСПРАВЛЕНО под название
|
||||
year: "2025",
|
||||
tags: ["Next.js", "TypeScript", "Tailwind"],
|
||||
tags: ["HTML", "CSS", "JavaScript", "Django"],
|
||||
details:
|
||||
"Одностраничный сайт для финтех-стартапа: продуманная структура, анимации появления, формы заявок и интеграция с метриками. Упор на скорость загрузки и рост конверсии.",
|
||||
"Одностраничный сайт для компании по продаже инструментов: продуманная структура, анимации появления, формы заявок и интеграция с аналитикой. Упор на скорость загрузки (Lighthouse 95+) и адаптивность.",
|
||||
features: [
|
||||
"Лендинг со скоростью загрузки < 1 с",
|
||||
"Анимированные блоки и формы заявки",
|
||||
"Интеграция с Яндекс.Метрикой и аналитикой",
|
||||
"Адаптив под все устройства",
|
||||
"Скорость загрузки < 1 секунды",
|
||||
"Анимированные блоки и валидация форм",
|
||||
"Интеграция с Яндекс.Метрикой",
|
||||
"Полная адаптация под мобильные устройства",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
link: "https://orentools.ru",
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Маркетплейс",
|
||||
title: "Запретный плод",
|
||||
description:
|
||||
"Сервис для продажи и покупки товаров: каталог, корзина, оплата и личный кабинет.",
|
||||
"Маркетплейс с ролевой моделью: каталог, корзина, онлайн-оплата и личные кабинеты.",
|
||||
year: "2025",
|
||||
tags: ["Next.js", "PostgreSQL", "Prisma"],
|
||||
tags: ["Python", "Django", "HTML", "CSS", "PostgreSQL"], // <-- Добавил Python и БД для солидности
|
||||
details:
|
||||
"Маркетплейс с ролями покупателя и продавца: каталог с фильтрами, корзина, онлайн-оплата, личный кабинет и панель продавца для управления товарами.",
|
||||
"Платформа для продажи и покупки товаров с разделением ролей покупателя и продавца. Включает каталог с фильтрами, систему корзины, оформление заказов и панель управления для продавцов.",
|
||||
features: [
|
||||
"Каталог с фильтрами и поиском",
|
||||
"Корзина и онлайн-оплата",
|
||||
"Личный кабинет покупателя",
|
||||
"Панель продавца с загрузкой товаров",
|
||||
"Каталог с динамическими фильтрами и поиском",
|
||||
"Система корзины и имитация онлайн-оплаты",
|
||||
"Личный кабинет с историей заказов",
|
||||
"Админ-панель для управления товарами",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
link: "https://z-plod.ru"
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "SaaS Dashboard",
|
||||
title: "Лазертаг Беркут",
|
||||
description:
|
||||
"Аналитика в реальном времени: графики, отчёты и экспорт данных для бизнеса.",
|
||||
year: "2024",
|
||||
tags: ["React", "TypeScript", "Recharts"],
|
||||
"SaaS-дашборд с аналитикой в реальном времени: графики, отчёты и экспорт данных.",
|
||||
year: "2026",
|
||||
tags: ["Next.js", "TypeScript", "Tailwind CSS"], // <-- Исправлены кавычки и добавлен TS
|
||||
details:
|
||||
"Дашборд для SaaS-продукта: витрина метрик в реальном времени, интерактивные графики, построение отчётов и экспорт в CSV. Тёмная тема и кастомизация виджетов.",
|
||||
"Интерактивная панель управления для бизнеса: витрина метрик в реальном времени, построение пользовательских отчётов и экспорт данных. Поддержка тёмной темы и кастомизация виджетов.",
|
||||
features: [
|
||||
"Графики в реальном времени",
|
||||
"Конструктор отчётов и экспорт в CSV",
|
||||
"Пользовательские виджеты и тёмная тема",
|
||||
"Ролевой доступ к данным",
|
||||
"Визуализация данных с помощью интерактивных графиков",
|
||||
"Конструктор отчётов с экспортом в CSV",
|
||||
"Настраиваемые виджеты и тёмная тема",
|
||||
"Ролевая модель доступа к данным",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
link: "https://lasergame56.ru"
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Корпоративный сайт",
|
||||
title: "Сайт портфолио",
|
||||
description:
|
||||
"Сайт компании на headless CMS с мультиязычностью и редакторским контролем.",
|
||||
year: "2024",
|
||||
tags: ["Next.js", "CMS", "Editorial"],
|
||||
"Персональный сайт-портфолио на современном стеке с фокусом на производительность и SEO.",
|
||||
year: "2026",
|
||||
tags: ["Next.js", "TypeScript", "Tailwind CSS"], // <-- Исправлены кавычки
|
||||
details:
|
||||
"Корпоративный сайт на headless CMS: редакторы сами публикуют новости и страницы, есть мультиязычность, SEO-разметка и политика конфиденциальности.",
|
||||
"Оптимизированный сайт для демонстрации проектов: серверный рендеринг (SSR) для отличного SEO, плавные анимации переходов и чистая, минималистичная архитектура компонентов.",
|
||||
features: [
|
||||
"Управление контентом через CMS",
|
||||
"Мультиязычность (RU / EN)",
|
||||
"SEO-семантика и Open Graph",
|
||||
"Блог с постраничной навигацией",
|
||||
"Отличная SEO-семантика и Open Graph разметка",
|
||||
"Высокая производительность (Core Web Vitals)",
|
||||
"Адаптивный и доступный (a11y) интерфейс",
|
||||
"Типизированный код на TypeScript",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
},
|
||||
{
|
||||
id: "05",
|
||||
title: "Доставка · PWA",
|
||||
title: "freebie (E-commerce Platform)",
|
||||
description:
|
||||
"Веб-приложение доставки с офлайн-режимом, трекингом заказов и push-уведомлениями.",
|
||||
year: "2024",
|
||||
tags: ["React", "Node.js", "PWA"],
|
||||
"Современный интернет-магазин с динамической корзиной, каталогом товаров и REST API.",
|
||||
year: "2026",
|
||||
tags: ["React", "Vite", "TypeScript", "Django", "Django REST Framework"],
|
||||
details:
|
||||
"PWA-приложение службы доставки: офлайн-работа, установка на устройство, трекинг заказов в реальном времени и push-уведомления о статусе.",
|
||||
"Полноценное SPA-приложение для электронной коммерции. Фронтенд на React (Vite) взаимодействует с бэкендом на Django. Реализована глобальная корзина в реальном времени, система отзывов, промокодов и адаптивная верстка.",
|
||||
features: [
|
||||
"Офлайн-режим через service worker",
|
||||
"Push-уведомления и установка на устройство",
|
||||
"Трекинг заказа в реальном времени",
|
||||
"Корзина и быстрое оформление",
|
||||
"Глобальное состояние корзины с мгновенным обновлением (React Context)",
|
||||
"REST API на Django для управления товарами и сессиями",
|
||||
"Адаптивный UI/UX дизайн, вдохновленный топовыми маркетплейсами",
|
||||
"Динамический расчет стоимости с учетом промокодов и доставки",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
},
|
||||
{
|
||||
id: "06",
|
||||
title: "Магазин одежды",
|
||||
description:
|
||||
"Интернет-магазин с каталогом, умными фильтрами и онлайн-оплатой.",
|
||||
year: "2023",
|
||||
tags: ["Next.js", "Tailwind", "Stripe"],
|
||||
details:
|
||||
"Интернет-магазин одежды: каталог с фильтрами по размерам и сезонам, быстрый просмотр товара, онлайн-оплата через Stripe и уведомления о заказах.",
|
||||
features: [
|
||||
"Фильтры и сортировка каталога",
|
||||
"Онлайн-оплата через Stripe",
|
||||
"Модальные карточки товара",
|
||||
"Админка для управления остатками",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
},
|
||||
{
|
||||
id: "07",
|
||||
title: "Криптовалютный кошелёк",
|
||||
description:
|
||||
"Web-кошелёк с отслеживанием баланса, курсов и историей транзакций.",
|
||||
year: "2023",
|
||||
tags: ["React", "TypeScript", "Web3"],
|
||||
details:
|
||||
"Клиент для криптовалютного кошелька: подключение через Web3, отслеживание баланса и курсов, история транзакций и переводы между адресами.",
|
||||
features: [
|
||||
"Подключение кошелька через Web3",
|
||||
"Мониторинг баланса и курсов",
|
||||
"История и статусы транзакций",
|
||||
"Переводы между адресами",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
},
|
||||
{
|
||||
id: "08",
|
||||
title: "Агрегатор новостей",
|
||||
description:
|
||||
"Лента новостей из нескольких источников с фильтрами и поиском.",
|
||||
year: "2023",
|
||||
tags: ["Next.js", "TypeScript", "RSS"],
|
||||
details:
|
||||
"Агрегатор новостей: сбор ленты из RSS-источников, категории, полнотекстовый поиск, сохранение статей и тёмная тема.",
|
||||
features: [
|
||||
"Сбор ленты из нескольких RSS-источников",
|
||||
"Фильтры по категориям и поиск",
|
||||
"Сохранение в «избранное»",
|
||||
"Тёмная тема",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
},
|
||||
{
|
||||
id: "09",
|
||||
title: "Лендинг кофейни",
|
||||
description:
|
||||
"Атмосферный лендинг кофейни с меню, галереей и бронированием столика.",
|
||||
year: "2022",
|
||||
tags: ["Astro", "GSAP", "Jamstack"],
|
||||
details:
|
||||
"Лендинг кофейни: галерея с лайтбоксом, меню с фильтрами, форма бронирования столика и плавные scroll-анимации на GSAP. Генерация статики — максимальная скорость.",
|
||||
features: [
|
||||
"Меню с фильтрацией по категориям",
|
||||
"Галерея с лайтбоксом",
|
||||
"Форма бронирования столика",
|
||||
"Scroll-анимации на GSAP",
|
||||
],
|
||||
code: "https://github.com/autli5",
|
||||
code: "https://github.com/autli5/freebie",
|
||||
},
|
||||
];
|
||||
|
|
@ -8,4 +8,5 @@ export type Project = {
|
|||
features: string[];
|
||||
demo?: string;
|
||||
code?: string;
|
||||
link?: string;
|
||||
};
|
||||
|
|
@ -104,6 +104,18 @@ const ProjectModal = ({ project, onClose }: ProjectModalProps) => {
|
|||
<span aria-hidden="true">↗</span>
|
||||
</a>
|
||||
) : null}
|
||||
|
||||
{project.code ? (
|
||||
<a
|
||||
href={project.link}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className={styles.actionGhost}
|
||||
>
|
||||
Перейти
|
||||
<span aria-hidden="true">↗</span>
|
||||
</a>
|
||||
) : null}
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue