developerFolio
Safe Release
Cukup ubah src/portfolio.js untuk mendapatkan portofolio pribadi Anda. Kustomisasi tema portofolio dengan menggunakan skema warna Anda sendiri secara global di file src/_globalColor.scss . Jangan ragu untuk menggunakannya apa adanya atau mempersonalisasikannya sebanyak yang Anda inginkan.
Jika Anda ingin berkontribusi dan membuat ini jauh lebih baik untuk pengguna lain, lihatlah masalah.
Menciptakan sesuatu yang luar biasa untuk garpu portofolio Anda dan ingin membagikannya? Jangan ragu untuk membuka permintaan tarik.
✔️ Ringkasan dan tentang saya
✔️ Keterampilan
✔️ pendidikan
✔️ Pengalaman kerja
✔️ Proyek open source yang terhubung dengan GitHub
✔️ Proyek besar
✔️ Prestasi dan sertifikasi?
✔️ Blog
✔️ berbicara
✔️ Podcast
✔️ hubungi saya
✔️ Timeline Twitter
✔️ Profil GitHub
Untuk melihat contoh langsung, klik di sini .
Instruksi ini akan memberi Anda salinan proyek dan berjalan di mesin lokal Anda untuk tujuan pengembangan dan pengujian.
Anda akan memerlukan git dan node.js (yang dilengkapi dengan NPM) yang diinstal di komputer Anda atau menggunakan Docker.
[email protected] or higher
[email protected] or higher
[email protected] or higher
1) BUILD IMAGE : docker build -t developerfolio:latest .
2) RUN IMAGE: docker run -t -p 3000:3000 developerfolio:latest
Dari baris perintah Anda, klon dan jalankan pengembang:
# Clone this repository
git clone https://github.com/saadpasta/developerFolio.git
# Go into the repository
cd developerFolio
# Setup default environment variables
# For Linux
cp env.example .env
# For Windows
copy env.example .env
# Install dependencies
npm install
# Start a local dev server
npm startHasilkan token akses pribadi GitHub klasik yang mengikuti instruksi ini (pastikan Anda tidak memilih ruang lingkup apa pun hanya menghasilkan token sederhana). Jika Anda menggunakan tindakan GitHub untuk menggunakan portofolio Anda, Anda dapat melewatkan bagian ini.
Catatan: Mengkonfigurasi variabel lingkungan sebelum menggunakan portofolio Anda sangat disarankan karena beberapa komponen tergantung pada data API.
- DeveloperFolio
- node_modules
- public
- src
- .env < -- create it here
- env.example < -- this is the base file
- .gitignore
- package-lock.json
- package.jsonREACT_APP_GITHUB_TOKEN dan tetapkan token github Anda seperti ini, juga tambahkan nama pengguna Anda sebagai GITHUB_USERNAME // .env
REACT_APP_GITHUB_TOKEN = " YOUR GITHUB TOKEN HERE "
GITHUB_USERNAME = " YOUR GITHUB USERNAME "
USE_GITHUB_DATA = " true " Atur showGithubProfile ke true atau false untuk menampilkan profil kontak menggunakan github, default ke false.
PERINGATAN: Perlakukan token Anda seperti kata sandi dan merahasiakannya. Saat bekerja dengan API, gunakan token sebagai variabel lingkungan alih -alih hardcoding mereka ke dalam program Anda.
CATATAN: Bagian Proyek Sumber Terbuka hanya menunjukkan item yang disematkan dari GitHub Anda. Jika Anda melihat sesuatu seperti yang ditunjukkan di bawah ini, ikuti instruksi ini.
Jika solusi di atas masih tidak berfungsi, kunjungi halaman wiki.
Secara opsional, Anda dapat menautkan bagian blog ke akun pengguna sedang Anda:
MEDIUM_USERNAME kunci dan tetapkan nama pengguna medium Anda // .env
MEDIUM_USERNAME = " YOUR MEDIUM USERNAME "MEDIUM_USERNAME di .github/workflows/deploy.yml Atur displayMediumBlogs ke True atau False di portofolio.js untuk menampilkan blog medium yang diambil, default ke true.
/src/portfolio.js & memodifikasinya sesuai kebutuhan Anda. Anda juga perlu memodifikasi index.html untuk mengubah judul dan metadata untuk menyediakan SEO yang akurat untuk portofolio pribadi Anda. /* Change this file to get your Personal Porfolio */
const greeting = {
/* Your Summary And Greeting Section */
title : "Hi all I'm Saad" ,
subTitle : emoji ( "A passionate Full Stack Software Developer " ) ,
resumeLink : "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing"
} ;
const socialMediaLinks = {
/* Your Social Media Link */
github : "https://github.com/saadpasta" ,
linkedin : "https://www.linkedin.com/in/saadpasta/" ,
gmail : "[email protected]" ,
gitlab : "https://gitlab.com/saadpasta" ,
facebook : "https://www.facebook.com/saad.pasta7"
} ;
const skillsSection = { ... . }
const techStack = { ... . }
const workExperience = { ... . }
const openSource = { ... . }
const bigProjects = { ... . }
const achievementSection = { ... . }
const blogSection = { ... . }
const contactInfo = { ... . }
const twitterDetails = { ... } Untuk mengunggah resume Anda sendiri, cukup unggah PDF ke src/containers/greeting/resume dan ganti nama PDF menjadi resume.pdf .
Untuk menambahkan emoji? Ke dalam teks di Portfolio.js , gunakan fungsi emoji() dan lulus teks yang Anda butuhkan sebagai argumen. Ini akan membantu menjaga emoji tetap kompatibel di berbagai browser dan platform.
Anda dapat memilih lottie dan mengunduhnya dalam format JSON dari situs seperti ini. Dalam src/assets/lottie , ganti file Lottie JSON yang ingin Anda ubah dengan nama file yang sama. Jika Anda ingin mengubah opsi Lottie, buka src/components/displayLottie/DisplayLottie.js dan ubah objek defaultOptions , Anda dapat merujuk dokumen Lottie-Reacct untuk info lebih lanjut tentang objek defaultOptions .
Masukkan nama pengguna Twitter Anda di portfolio.js untuk menunjukkan aktivitas terbaru Anda di halaman Anda.
const twitterDetails = {
userName : "Your Twitter Username"
} ; Catatan: Jangan gunakan @ simbol saat menambahkan nama pengguna.
Setelah selesai dengan pengaturan, Anda harus meng -host situs web Anda secara online. Kami sangat merekomendasikan untuk membaca Docs Docs di GitHub For React.
Pertama, Anda harus mengaktifkan, tindakan github untuk repositori yang Anda gunakan.
Profil dan informasi repositori dari GitHub hanya dibuat pada saat digunakan dan situs perlu diterapkan kembali jika informasi tersebut perlu diperbarui. Jadi, pekerjaan cron yang dapat dikonfigurasi adalah pengaturan yang menyebarkan situs Anda setiap minggu, sehingga setelah Anda memperbarui profil Anda di github itu ditampilkan pada portofolio Anda. Anda juga dapat memicu secara manual menggunakan acara workflow_dispatch , lihat panduan ini tentang cara melakukannya.
Bagian ini memandu Anda untuk menggunakan portofolio Anda di halaman GitHub.
Arahkan ke package.json dan masukkan nama domain Anda alih -alih https://developerfolio.js.org/ dalam variabel homepage . Misalnya, jika Anda ingin situs Anda menjadi https://<your-username>.github.io/developerFolio , tambahkan hal yang sama ke bagian beranda package.json .
Singkatnya Anda juga dapat menambahkan /devloperFolio ke package.json karena keduanya persis sama. Setelah melakukannya, Anda memberi tahu create-react-app untuk menambahkan aset jalur yang sesuai.
Secara opsional, konfigurasikan domain. Anda dapat mengonfigurasi domain khusus dengan halaman github dengan menambahkan file CNAME ke public/ folder.
Ikuti Panduan untuk Menyiapkan Halaman Gitub dari Dokumen CRA resmi di sini.
Anda juga dapat meng -host langsung dengan Netlify dengan menautkan repositori Anda sendiri.
Untuk informasi lebih lanjut, baca hosting di Netlify.
Jika Anda dapat membantu kami dengan ini. Harap jangan ragu untuk membuka permintaan tarik.
Terhubung dengan LinkedIn untuk mendapatkan ringkasan, keterampilan, pendidikan dan pengalaman
Pindah ke Gatsby
Tambahkan lebih banyak bagian
Pasta saad | Kartik Choudhary | Naveen MK | Muhammad Hashham |
Terima kasih kepada orang -orang yang luar biasa ini (Kunci Emoji):
Fawad Ali ? | Dasun Navoda | Brian Teeman | Rajkumar s | Coder ramping | Mohamed Sayyaf | Ashutosh Hathidara |
Rizwan Jamal ⚡️ | Muhammad Hashham | Ujjawal Joshi | Palak Sethi | Vinicius barbosa | Bharat Kammakatla ? | Garima Singh |
Henry Heng ? | Pulkit Banta ? | Akshay Kumar ? | Amna Ejaz ? | Paras Nagpal | Sparsh Garg | Aashutosh Rathi |
Abhishek Kashyap ? | Lucas VC Nicolau | Bradley C. Herrin ? | Zekinah Lecaros | tak terkalahkan | Arshad Ahmed | Xiaohui liu ? |
Seungyeon-Lee | Najib Shehzad | Randy Jesus Real Srsen | Tamojit Das | Waren Gonzaga | Benjamin Bourgeois | Keshav Jain |
Hanzla | Yogesh Rathod | Kunal Mundada | Anubhav Gupta | Vatsal Dave | Elvis Ciuffetelli | Scott Jellen ? |
Karthik Mohan ? | mhowell11 | Gajanandh ? | Joohyukkim | Headphone merah ? | Sunit Roy ? | Atir nayab ? |
Shehriyar Qureshi | hormat | Brayden ? | Canciu Costin | Atharv Singh | Ishan Khandelwal | Sergey Lyapustin |
Camila Pozas | Sai Teja ? | Vinit Hemadri | Njong emy | Tamal das | Dunsin | Muneeb Ahmed |
Qais attarwala |
