twitter ui practise Скачать - twitter ui practise Скачать исходный код

twitter ui practise

AI Исходный код

1.0.0

Скачать

Твиттер пользовательский интерфейс клон

Цель этого проекта - узнать о следующем JS. Мой опыт - веб -дизайнер с опытом работы в HTML и Taillid CSS с некоторыми базовыми знаниями JavaScript. В итоге я попытался воссоздать пользовательский интерфейс приложения Twitter. Это далеко не оригинал, и я уверен, что есть много недостатков. Любые предложения или улучшения, пожалуйста, дайте мне знать. Главное - повеселиться и узнать что -то новое, надеюсь, вы тоже сможете.

Twitter-demo.mp4.mp4

Начиная

Когда вы поднимаете клонирование репозитория

npm install
npm run dev

Справочник по проверке рассказов для просмотра компонентов изолированно

npm run storybook

Проблемы

Правая боковая панель не следует тому же поведению, что и Twitter. Когда вы прокручиваете, он прилипает, но вы должны увидеть ссылки нижнего колонтитула.

Куча

Next.js
Tailwind CSS
Радикс
Сборник рассказов
Вертел

Ресурсы

Люди, которых я следил и проверял свои хранилища и видео, чтобы построить клон.

Тру Нарла
Колби Файок
Стивен Тей
Ли Роб
Флорентин

Что это такое?

Если вы оцените package.json, позвольте мне объяснить несколько

Классовая вариант-авторитет: позволяет вам создавать варианты для таких вещей, как кнопки. Если вы дизайнер, это похоже на компонентные варианты Figma.
ClassNames: Если вы создаете компонент, такие как компоненты пользовательского интерфейса Radix, у вас может быть длинная линия утилит CSS, когда вы используете Tailwind CSS. Вы могли бы провести зависание, анимацию, отзывчивость, макет и другие классы. Теперь вы можете сгруппировать их по отдельным линиям.