react tailwindcss portfolio

Portofolio React & Tailwindcss - dengan mode gelap

Tema starter portofolio sederhana yang dibangun dengan CSS React dan Tailwind. Ini adalah versi React dari vuejs-tailwindcss-portfolio.

URL demo

https://react-tailwindcss-portfolio.netlify.app

Versi lain dari proyek ini

• Versi Next.js: https://github.com/realstoman/nextjs-tailwindcss-portfolio
• Versi Vue.js: https://github.com/realstoman/vuejs-tailwindcss-portfolio
• Nuxt.js Versi: https://github.com/realstoman/nuxtjs-tailwindcss-portfolio

Fitur

• Bereaksi v18 dengan router react v6
• Tailwind CSS v3
• API Konteks untuk Manajemen Negara
• Kait khusus
• Pengujian unit
• Transisi & Animasi Gerakan Framer
• Komponen yang dapat digunakan kembali
• Mode gelap
• Proyek filter berdasarkan kategori
• Proyek filter dengan pencarian
• Gulungan halus
• Menangkal
• Bentuk dinamis
• Kembali ke Tombol Atas
• Unduh tombol file
• Desain sederhana dan responsif

Untuk berkontribusi pada proyek ini, baca pedoman kontribusi

Pengaturan

1. Pastikan Anda menginstal simpul JS. Jika Anda tidak memilikinya:

• Unduh dari nodejs.org
• Instal menggunakan NVM
• Jika Anda menggunakan Mac, homebrew juga merupakan pilihan yang baik:

 brew install node

2. Kloning repo:

 git clone https://github.com/realstoman/react-tailwindcss-portfolio.git

3. Buka folder proyek:

 cd react-tailwindcss-portfolio

4. Instal Paket dan Ketergantungan:

 yarn

4. Catatan: Jika Anda tidak menginstal benang, Anda dapat menginstalnya secara global menggunakan NPM:

 npm install --global yarn

5. Mulai server dev lokal di http://localhost:3000 :

 yarn start

6. Jalankan tes:

 yarn test

Catatan

• Selalu jalankan yarn install setelah menarik perubahan baru
• Saya akan terus memperbarui repo ini karena saya akan menambahkan lebih banyak bagian ke dalamnya, jadi tolong selalu periksa bagian proyek repo ini untuk melihat tugas apa yang di bawah todo dan sedang berlangsung
• Segera hadir, saya akan melakukan screencast. Segera saya akan mengunggah video ke saluran youtube saya di mana saya akan melalui proses pembuatan portoflio ini
• Ilustrasi dari undraw dan freepik
• Gambar dari Unsplash
• Jangan ragu untuk menggunakannya sebagai portofolio Anda sendiri
• Kontribusi dipersilakan

Lisensi

Mit