Agency website

Bangun situs web responsif di React JS dengan komponen gaya dan GSAP untuk animasi gulir yang luar biasa

Repositori ini berisi kode untuk situs web agensi di ReactJS.

Lihat demo: https://agency-website-eta.vercel.app/

Jika Anda ingin mempelajari cara membuatnya, silakan checkout berikut tutorial berikut ?:
Cara Membangun Situs Web Responsif Di React JS dengan Komponen Bertaya dan GSAP untuk Animasi Gulir yang Luar Biasa

Gambar situs web:

[Saya menghargai jika Anda memberikan kredit yang sesuai saat menggunakan situs web ini untuk penggunaan komersial]

Sumber daya yang digunakan dalam proyek ini

Desain di: https://www.figma.com/
Bentuk 3D dari: https://www.figma.com/community/file/917777039353073016/3d-shapes
Ikon Sosial dari: https: //fontawesome.com/
Gambar gumpalan dari: https://www.figma.com/community/plugin/739208439270091369/blobs
Gambar Manusia: https://www.figma.com/community/plugin/739503328703046360/humaaans-for-figma
SVGS dari: https://undraw.co/
Logo dari: https://www.figma.com/community/plugin/768094929040207895/logo-creator
Gambar 3D Rocket Dari: https://www.figma.com/community/plugin/769588393361258724/vectary-3d-elements
Avatar-1: Foto oleh Christiana Rivers di Unsplash
Avatar-2: Foto oleh Joseph Gonzalez di Unsplash
Avatar-3: Foto oleh Sam Burriss di Unsplash
Avatar-4: Foto oleh Whereslugo di Unsplash

Proyek ini bootstrap dengan aplikasi Create React.

Skrip yang tersedia

Di direktori proyek, Anda dapat menjalankan:

npm start

Menjalankan aplikasi dalam mode pengembangan.
Buka http: // localhost: 3000 untuk melihatnya di browser.

Halaman ini akan memuat ulang jika Anda mengedit.
Anda juga akan melihat kesalahan serat di konsol.

npm test

Meluncurkan test runner dalam mode jam tangan interaktif.
Lihat bagian tentang menjalankan tes untuk informasi lebih lanjut.

npm run build

Membangun aplikasi untuk produksi ke folder build .
Bundelnya dengan benar bereaksi dalam mode produksi dan mengoptimalkan build untuk kinerja terbaik.

Bangunan diminifikasi dan nama file termasuk hash.
Aplikasi Anda siap digunakan!

Lihat bagian tentang penyebaran untuk informasi lebih lanjut.

npm run eject

Catatan: Ini adalah operasi satu arah. Setelah Anda eject , Anda tidak bisa kembali!

Jika Anda tidak puas dengan alat build dan pilihan konfigurasi, Anda dapat eject kapan saja. Perintah ini akan menghapus ketergantungan build tunggal dari proyek Anda.

Sebagai gantinya, itu akan menyalin semua file konfigurasi dan dependensi transitif (Webpack, Babel, Eslint, dll) langsung ke proyek Anda sehingga Anda memiliki kontrol penuh atasnya. Semua perintah kecuali eject masih akan berfungsi, tetapi mereka akan menunjuk ke skrip yang disalin sehingga Anda dapat mengubahnya. Pada titik ini Anda sendirian.

Anda tidak harus menggunakan eject . Set fitur yang dikuratori cocok untuk penyebaran kecil dan tengah, dan Anda tidak boleh merasa wajib menggunakan fitur ini. Namun kami memahami bahwa alat ini tidak akan berguna jika Anda tidak dapat menyesuaikannya saat Anda siap untuk itu.

Pelajari lebih lanjut

Anda dapat mempelajari lebih lanjut dalam dokumentasi aplikasi React Create.

Untuk mempelajari React, lihat dokumentasi React.

Pemisahan kode

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/code-splitting

Menganalisis ukuran bundel

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Membuat aplikasi web progresif

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/making-a-progressive-papp

Konfigurasi lanjutan

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/advanced-configuration

Penyebaran

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/deployment

npm run build Gagal Minify

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify