Tailwind Showcase

Пет-проект, демонстрирующий навыки работы с современным фронтенд-стеком: React, Tailwind и Vite.

О проекте

Это одностраничное приложение (SPA), полностью построенное на React и Tailwind CSS.
Данный проект - шоукейсом готовых UI-компонентов и демонстрирует, как быстро и красиво можно создавать интерфейсы с помощью utility-first подхода.

Скриншоты

1. Главный экран ;
2. Для планшета;
3. Для телефона ;

Использованные технологии

• React (функциональные компоненты, хуки);
• Tailwind CSS (utility-first подход, кастомная конфигурация);
• Vite — быстрый dev-сервер и сборка;
• ESLint + современная конфигурация;
• Полностью адаптивный дизайн (mobile-first-tailwind);

Основные возможности проекта

• Демонстрация готовых UI-компонентов (кнопки, навигация и др.);
• Полноценное SPA-приложение на React;
• Быстрая разработка через Vite;
• Современный Tailwind-конфиг с кастомными цветами и шрифтами;
• Полная адаптивность на всех устройствах;

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.