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: 2 months ago
JSON representation
Meu portfólio.
- Host: GitHub
- URL: https://github.com/aleferreinert/portfolio
- Owner: AleferReinert
- Created: 2022-10-18T22:27:58.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-13T16:23:02.000Z (about 2 years ago)
- Last Synced: 2024-04-13T16:33:40.019Z (about 2 years 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.
- [aleferreinert.vercel.app](https://aleferreinert.vercel.app)
- [Storybook](https://main--64cd32980293c902cb6e27ce.chromatic.com)
## 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
```
## Scripts disponíveis
| Script | Descrição |
| :----------------------- | :------------------------------------------ |
| `npm run dev` | Inicia o servidor de desenvolvimento |
| `npm run storybook` | Inicia o Storybook |
| `npx tsc` | Validação de TypeScript |
| `npm run lint` | Validação do Next.js |
| `npm run test-storybook` | Executa testes unitários |
| `npm run cy:run` | Executa testes E2E em modo headless |
| `npm run cy:open` | Executa testes E2E com interface do Cypress |
## Tecnologias Utilizadas
- **Chromatic:** Testes visuais e revisão de componentes de UI.
- **Cypress:** Ferramenta de automação de testes E2E.
- **ESLint:** Identificação e correção de problemas em JS/TS.
- **Framer Motion:** Biblioteca de animações para interfaces.
- **Husky:** Configuração de hooks Git para validações automáticas.
- **Next.js:** Framework React para apps web modernas.
- **React:** Biblioteca para criação de interfaces de usuário.
- **Prettier:** Formatador para manter o estilo de código consistente.
- **Storybook:** Ambiente para desenvolvimento de componentes isolados.
- **Tailwind CSS:** Framework utilitário para estilização com CSS.
- **Testing Library:** Ferramenta para testes unitários.
- **TypeScript:** Superset de JavaScript com tipagem estática.