Bu projede Twitter arayüzünü tasarladım. Sidebar alanında iconlar ve sayfa başlıkları isimlerini verdim. Üzerlerine gelindiğinde focus özellikleri ekledim. Bulunduğumuz sayfada icon ve yazılarda daha parlak olma özelliği ekledim. Feed alanında tweet atma, dosya ekleme özelliği ekledim. Tweet butonuna tıklandığında verilerin Firebase'e gönderilmesini sağladım(dosya hariç) ancak tamamen bitiremedim. Widgets alanında Twitter'dan api'leri çektim ancak güncel halini bulamadığım için farklı şekilde widgets'lar kullandım.
-
Javascript
-
Tailwindcss
-
Html
-
Firebase
Arayüz
Feed alanında kamera iconuna tıklayınca dosya seçme bölümü
Input Alanı
Alt bölmelere inerken Sidebar ve başlık gözükmeye devam ediyor
Responsive Tasarım
Css focus özellikleri