react tailwindcss portfolio

Portfólio React & Tailwindcss - com modo escuro

Um simples tema de partida de portfólio construído com CSS React e Tailwind. Esta é a versão react do vuejs-tailwindcss-portfolio.

URL de demonstração

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

Outras versões deste projeto

• Versão Next.JS: https://github.com/realstoman/nextjs-tailwindcss-portfolio
• Versão vue.js: https://github.com/realstoman/vuejs-tailwindcss-portfolio
• Versão nuxt.js: https://github.com/realstoman/nuxtjs-tailwindcss-portfolio

Características

• React V18 com o Router React V6
• Tailwind CSS v3
• API de contexto para gerenciamento de estado
• Ganchos personalizados
• Teste de unidade
• Framer Motion Transitions & Animações
• Componentes reutilizáveis
• Modo escuro
• Projetos filtram por categoria
• Projetos filtrar por pesquisa
• Rolagem suave
• Contador
• Formas dinâmicas
• Voltar ao botão superior
• Baixar o botão de arquivo
• Design simples e responsivo

Para contribuir com este projeto, leia as diretrizes de contribuição

Configurar

1. Certifique -se de ter o nó JS instalado. Se você não tiver:

• Baixe de Nodejs.org
• Instale -o usando NVM
• Se você está no Mac, o homebrew também é uma boa opção:

 brew install node

2. Clone o repo:

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

3. Abra a pasta do projeto:

 cd react-tailwindcss-portfolio

4. Instale pacotes e dependências:

 yarn

4. Nota: Se você não tiver fios instalados, poderá instalá -lo globalmente usando o NPM:

 npm install --global yarn

5. Inicie um servidor de desenvolvimento local em http://localhost:3000 :

 yarn start

6. Executar testes:

 yarn test

Notas

• Sempre execute yarn install depois de fazer novas mudanças
• Atualizarei constantemente este repo, pois adicionarei mais seções a ele, por isso, sempre verifique a seção de projetos deste repositório para ver quais tarefas estão sob TODO e em andamento
• Em breve estarei fazendo um screencast. Em breve estarei carregando um vídeo para o meu canal do YouTube, onde vou passar pelo processo de criação deste Portoflio
• Ilustrações de Uncraw e Freepik
• Imagens do UNSPLASH
• Sinta -se à vontade para usá -lo como seu próprio portfólio
• Contribuições são bem -vindas

Licença

Mit