developerFolio
Safe Release
Просто измените src/portfolio.js , чтобы получить личный портфель. Настройте тему портфеля, используя свою собственную цветовую схему по всему миру в файле src/_globalColor.scss . Не стесняйтесь использовать его как есть или персонализировать его столько, сколько хотите.
Если вы хотите внести свой вклад и сделать это намного лучше для других пользователей, посмотрите на проблемы.
Создал что -то удивительное для вашей вилки портфеля и хотите поделиться им? Не стесняйтесь открыть запрос на тягу.
✔ Резюме и обо мне
✔ навыки
✔ Образование
✔ Опыт работы
✔ Проекты с открытым исходным кодом, связанные с GitHub
✔ Большие проекты
✔ достижения и сертификаты?
✔ блоги
✔ разговоры
✔ подкаст
✔ Свяжитесь со мной
✔ Временная шкала Twitter
✔ Github Profile
Чтобы просмотреть живой пример, нажмите здесь .
Эти инструкции дадут вам копию проекта и работают на местной машине для разработки и тестирования.
Вам понадобится git и node.js (который поставляется с NPM), установленным на вашем компьютере или используйте 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
Из вашей командной строки, клонировать и запустить разработчику:
# 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 startСоздайте классический токен личного доступа GitHub, следуя этим инструкциям (убедитесь, что вы не выбираете какую -либо область применения, просто генерируйте простой токен). Если вы используете действия GitHub для развертывания вашего портфеля, вы можете пропустить этот раздел.
ПРИМЕЧАНИЕ. Настоятельно рекомендуется настройка переменных среды перед развертыванием вашего портфеля, так как некоторые компоненты зависят от данных 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 и назначьте свой токен Github, а также добавьте свое имя пользователя в качестве GITHUB_USERNAME // .env
REACT_APP_GITHUB_TOKEN = " YOUR GITHUB TOKEN HERE "
GITHUB_USERNAME = " YOUR GITHUB USERNAME "
USE_GITHUB_DATA = " true " Установите showGithubProfile true или false, чтобы показать профиль контакта, используя GitHub, по умолчанию false.
ПРЕДУПРЕЖДЕНИЕ: Относитесь к своим токенам как к паролям и держите их в секрете. При работе с API используйте токены в качестве переменных среды вместо жесткой кодировки в своих программах.
ПРИМЕЧАНИЕ. Раздел проектов с открытым исходным кодом показывает только закрепленные элементы вашего GitHub. Если вы видите что -то, как показано ниже, следуйте этим инструкциям.
Если приведенное выше решение все еще не работает, посетите страницу вики.
Необязательно, вы можете связать раздел блогов с учетной записью среднего пользователя:
MEDIUM_USERNAME и назначьте свое среднее имя пользователя // .env
MEDIUM_USERNAME = " YOUR MEDIUM USERNAME "MEDIUM_USERNAME в .github/workflows/deploy.yml Установите displayMediumBlogs true или false в portofolio.js, чтобы отображать избираемые средние блоги, по умолчанию к True.
/src/portfolio.js и измените его в соответствии с вашими потребностями. Вам также необходимо будет изменить index.html , чтобы изменить заголовок и метаданные, чтобы обеспечить точный SEO для вашего личного портфеля. /* 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 = { ... } Чтобы загрузить свое собственное резюме, просто загрузите PDF в src/containers/greeting/resume и переименовать PDF в resume.pdf .
Для добавления смайликов? В тексты emoji() Portfolio.js . Это поможет поддерживать совместимые смайлики в разных браузерах и платформах.
Вы можете выбрать много и скачать его в формате JSON с таких сайтов. В src/assets/lottie замените файл Lottie JSON, который вы хотите изменить с одним именем файла. Если вы хотите изменить параметры Lottie, перейдите на src/components/displayLottie/DisplayLottie.js и измените объект defaultOptions , вы можете обратиться к DOCS Lottie-React для получения дополнительной информации об объекте defaultOptions .
Вставьте свое имя пользователя Twitter в portfolio.js , чтобы показать свою недавнюю деятельность на своей странице.
const twitterDetails = {
userName : "Your Twitter Username"
} ; Примечание. Не используйте @ Symbol при добавлении имени пользователя.
Когда вы закончите с настройкой, вы должны разместить свой веб -сайт онлайн. Мы настоятельно рекомендуем прочитать развертывание на GitHub Pages Docs для React.
Сначала вы должны включить, Github Deciats для репозитория, который вы используете.
Профиль и информация о хранилище от GitHub создается только во время развертывания, и сайт должен быть перераспределен, если эта информация должна быть обновлена. Таким образом, настраивается задание Cron, которая развертывает ваш сайт каждую неделю, так что, как только вы обновляете свой профиль на Github, это отображается в вашем портфолио. Вы также можете запустить его вручную, используя событие workflow_dispatch , см. Это руководство о том, как это сделать.
В этом разделе вас заставляет вас развернуть свой портфель на страницах GitHub.
Перейдите к package.json и введите свое доменное имя вместо https://developerfolio.js.org/ в переменной homepage . Например, если вы хотите, чтобы ваш сайт был https://<your-username>.github.io/developerFolio , добавьте то же самое в раздел домашней страницы package.json .
Короче говоря, вы также можете добавить /devloperFolio в package.json так как оба точно одинаковы. При этом вы говорите create-react-app чтобы соответствующим образом добавить активы Path.
Необязательно настроить домен. Вы можете настроить пользовательский домен со страницами GitHub, добавив файл CNAME в public/ папку.
Следуйте руководству по настройке страниц GitHub от официальных документов CRA здесь.
Вы также можете размещать непосредственно с NetLify, связывая свой собственный репозиторий.
Для получения дополнительной информации прочитайте хостинг на NetLify.
Если вы можете помочь нам с этим. Пожалуйста, не стесняйтесь открыть запрос на привлечение.
Связаться с LinkedIn, чтобы получить сводку, навыки, образование и опыт
Переехать в Гэтсби
Добавьте больше разделов
Saad Masta | Картик Чоудхари | Навин М.К. | Мухаммед Хамш |
Спасибо этим замечательным людям (ключ эмодзи):
Фавад Али ? | Дасун Навода | Брайан Тиман | Раджкумар с | Стройный кодер | Мохамед Сайяф | Ашутош Хатидара |
Ризван Джамал ⚡ | Мухаммед Хамш | Уджавал Джоши | Палак Сети | Виниция Барбоза | Бхарат Каммакатла ? | Гарима Сингх |
Генри Хенг ? | Пулкит Банта ? | Акшай Кумар ? | Амна Эджаз ? | Paras nagpal | Sparsh Garg | Аашутош Рати |
Абхишек Кашьяп ? | Лукас VC Николау | Брэдли С. Херрин ? | Зекина Лекарос | непревзойденный | Аршад Ахмед | Xiaohui Liu ? |
Seungyeon-Lee | Наджам Шехзад | Рэнди Иисус Реал Срсен | Тамодзит Дас | Уорен Гонзага | Бенджамин Буржуа | Кешав Джейн |
Ханцла | Йогеш Ратод | Кунал Мундада | Анубхав Гупта | Ватсал Дейв | Элвис Ciuffetelli | Скотт Джеллен ? |
Картик Мохан ? | Mhowell11 | Гаджананд ? | JOOHYUKKIM | Красные наушники ? | SUNIT ROY ? | Atir Nayab ? |
Шехрияр Куреши | уважение | Брайден ? | Canciu Costin | Атхарв Сингх | Ишан Хандельвал | Сергей Льяпустин |
Камила Позас | Сай Теджа ? | Винит Хемадри | Ньжонг Эми | Тамаль Дас | Дансин | Муниб Ахмед |
QAIS ATTARWALA |
