Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aleferreinert/portfolio
Meu portfólio.
https://github.com/aleferreinert/portfolio
front-end front-end-development front-end-web-development nextjs portfolio react reactjs storybook styled-components typescript
Last synced: 10 days ago
JSON representation
Meu portfólio.
- Host: GitHub
- URL: https://github.com/aleferreinert/portfolio
- Owner: AleferReinert
- Created: 2022-10-18T22:27:58.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-13T16:23:02.000Z (7 months ago)
- Last Synced: 2024-04-13T16:33:40.019Z (7 months ago)
- Topics: front-end, front-end-development, front-end-web-development, nextjs, portfolio, react, reactjs, storybook, styled-components, typescript
- Language: TypeScript
- Homepage: https://aleferreinert.netlify.app
- Size: 3.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfólio
Meu portfólio de desenvolvedor front-end.
## Começando
1. Clone o repositório:
```
git clone https://github.com/AleferReinert/portfolio.git
```
2. Entre no diretório do projeto:
```
cd portfolio
```
3. Instale as dependências:
```
npm install
```
4. Inicie o servidor de desenvolvimento:
```
npm run dev
```
# Scripts
### Commits
1. Adicione os arquivos:
```
git add .
```
2. Selecione uma mensagem de commit válida:
```
git commit
```
### Storybook
1. Iniciar:
```
npm run storybook
```
2. Executar testes:
```
npm run test --watch
```
### Lint
```
npm run lint
```
### Criar componente
```
npm run plop
```
## Tecnologias Utilizadas
- **Chromatic:** Ferramenta para captura de tela, revisão e testes visuais automatizados para componentes de interface de usuário.
- **commitlint:** Ferramenta para validar e padronizar mensagens de commit.
- **cz-commitlint:** Adaptador para Commitizen que aplica regras de mensagens de commit definidas pelo Commitlint.
- **ESLint:** Ferramenta de linting para identificar e corrigir problemas em código JavaScript/TypeScript.
- **Framer Motion:** Ferramenta para animações.
- **Husky:** Ferramenta para adicionar hooks de Git, como pré-commit e pré-push, para automatizar verificações de código.
- **Next.js:** Framework React para a construção de aplicações web estáticas e dinâmicas.
- **React:** Biblioteca JavaScript para construir interfaces de usuário.
- **Plop:** Ferramenta de scaffolding para gerar código e arquivos de forma consistente e automatizada.
- **Prettier:** Formatador de código opinativo que garante um estilo consistente de código.
- **Storybook:** Ferramenta de desenvolvimento para construir e testar componentes de interface de usuário de forma isolada.
- **Tailwind CSS:** Framework de utilidades CSS para estilização rápida e eficiente.
- **TypeScript:** Superconjunto de JavaScript que adiciona tipagem estática ao código.
## URL do Projeto
Explore o projeto no link: [Meu Portfólio](https://aleferreinert.vercel.app).