react tailwindcss portfolio

React & Tailwindcss Portfolio - с темным режимом

Простая тема стартового портфеля, построенная с CSS React и Tailld CSS. Это версия React of Vuejs-TailWindcss-Portfolio.

Демо -URL

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

Другие версии этого проекта

• Следующая версия
• Vue.js Версия: https://github.com/realstoman/vuejs-tailwindcs-portfolio
• Nuxt.js версия: https://github.com/realstoman/nuxtjs-tailwindcs-portfolio

Функции

• React v18 с помощью React Router v6
• Tailwind CSS V3
• Контекст API для управления государством
• Пользовательские крючки
• ЕДИНЦИОННЫЕ Тестирование
• Переходы и анимация Framer
• Многоразовые компоненты
• Темный режим
• Проекты фильтруют по категории
• Проекты фильтруют поиск
• Гладкий свиток
• Прилавок
• Динамические формы
• Вернуться к верхней кнопке
• Загрузить кнопку файла
• Простой и отзывчивый дизайн

Чтобы внести свой вклад в этот проект, прочитайте руководства по вкладу

Настраивать

1. Убедитесь, что у вас установлен Node JS. Если у вас его нет:

• Загрузите его с nodejs.org
• Установите его с помощью NVM
• Если вы находитесь на Mac, Homebrew тоже хороший вариант:

 brew install node

2. Клонировать репо:

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

3. Откройте папку проекта:

 cd react-tailwindcss-portfolio

4. Установите пакеты и зависимости:

 yarn

4. Примечание. Если у вас установлена ​​пряжа, вы можете установить ее глобально, используя NPM:

 npm install --global yarn

5. Запустите локальный Dev Server по адресу http://localhost:3000 :

 yarn start

6. Запустите тесты:

 yarn test

Примечания

• Всегда запустите yarn install после вытягивания новых изменений
• Я буду постоянно обновлять этот репо, так как я буду добавлять в него больше разделов, поэтому, пожалуйста, всегда проверяйте раздел проектов этого репо, чтобы увидеть, какие задачи находятся в режиме TODO и в процессе
• Скоро я буду делать скринкаст. Скоро я буду загружать видео на свой канал на YouTube, где я пройду процесс создания этого портафлио
• Иллюстрации от Undraw и Freepik
• Изображения из Unsplash
• Не стесняйтесь использовать его в качестве собственного портфеля
• Взносы приветствуются

Лицензия

Грань