Unduh Latihan twitter ui practise - Unduh Kode Sumber twitter ui practise

twitter ui practise

Kode Sumber AI

1.0.0

Unduh

Twitter UI Praktik Klon

Tujuan dari proyek ini adalah untuk belajar tentang JS berikutnya. Latar belakang saya adalah perancang web dengan pengalaman dalam HTML dan CSS tailwind dengan beberapa pengetahuan javascript dasar. Saya akhirnya mencoba menciptakan kembali UI beranda dari aplikasi Twitter. Jauh dari aslinya dan saya yakin ada banyak kekurangan. Ada saran atau perbaikan, beri tahu saya. Hal utama adalah bersenang -senang dan mempelajari sesuatu yang baru, semoga Anda juga bisa.

twitter-demo.mp4.mp4

Memulai

Saat Anda git mengkloning repositori

npm install
npm run dev

Buku cerita checkout untuk melihat komponen secara terpisah

npm run storybook

Masalah

Panel sisi kanan tidak mengikuti perilaku yang sama dengan Twitter. Saat Anda menggulir, itu menempel tetapi Anda harus dapat melihat tautan footer.

Tumpukan

Next.js
Tailwind CSS
Akar
Buku cerita
Vercel

Sumber daya

Orang yang saya ikuti dan periksa repositori dan video mereka untuk membangun klon.

Tru Narla
Colby Fayock
Steven Tey
Lee Rob
Florentin

Apa itu?

Jika Anda memeriksa paket.json, izinkan saya mencoba dan menjelaskan beberapa

Kelas-Varians-Authority: Memungkinkan Anda untuk membuat varian untuk hal-hal seperti tombol. Jika Anda seorang desainer, itu seperti varian komponen Figma.
ClassNames: Jika Anda menata komponen seperti komponen Radix UI, Anda dapat memiliki garis panjang kelas utilitas CSS saat Anda menggunakan CSS Tailwind. Anda mungkin memiliki hover, animasi, responsif, tata letak, dan kelas lainnya. Sekarang Anda dapat mengelompokkannya di jalur terpisah.