Site Pessoal

Tabela de Conteudos

• Sobre o projeto
• Desempenho desse site
• Caracteristicas
• Inicialização
  • Requisitos
  • Clonagem do Projeto
  • Comandos de inicialização
• Estrutura das pastas
• Rotas

Sobre o projeto

Este é o repositório do projeto meu site pessoal, que pode ser acesso pelo link: iranjunior.herokuapp.com , nesse projeto eu faço uso de diversas tecnologias e abordagem que me garante um uma melhor performace, e melhoras quanto ao resultados nos mecanismos de busca.

Desempenho desse site

Caracteristicas

• React
• Lotties
• Testes automatizado com Jest
• Organização e padronização de códigos com ESLint
• Criação e utilização de variaveis de ambiente com o dotEnv
• PWA
• Offline First
• Responsividade

Inicialização

Requisitos

• Node
• Yarn ou NPM

Clonagem do Projeto

Para clonar este desadio em seu reositorio local, você ira precisar do Git, uma vez instalado corretamente você pode executar o comando:

$ git clone https://github.com/iranjunior/portfolio.git

ou caso você tenha uma chave ssh configurada:

$ git clone git@github.com:iranjunior/portfolio.git

por fim execute o comando para entrar na pasta que foi criada e instalar as dependencias do projeto

$ cd portfolio
$ yarn

Comandos de inicialização

Para iniciar a aplicação basta executar o comando: yarn start ou npm run startmas existe alguns comandos que podem lhe ajudar a realizar tarefas especificas como testes com a sua respectiva cobertura, cobertura dos testes e build da aplicação Uma lista completa sobre os comandos de inicialização pode ser vista abaixo:

Comandos	Tarefa a ser realizada
yarn start	Inicializa o serviço em ambiente de desenvolvimento, com o modo live reload funcionando. O que facilita na atualização de componentes alterados em desenvolvimento
yarn test	Realiza todos os testes relacionados aos arquivos alterados
yarn test:coverage	Realiza todos os testes e mostra os arquivos cobridos pelo teste
yarn lint	Executa o ESLint nos arquivos da aplicação
yarn build	Realiza o build da aplicação para execução em produção

Estrutura das pastas

├─── public/
   └───...
├─── src/
   ├─── assets/
     └───...
   ├─── components/
     └───...
   ├─── pages/
      └───...
   ├─── services/
      └───...
   ├─── stories/
      └───...
      └───...
   ├─── styles/
      └───...
   └─── App.jsx
   └─── index.jsx
   └─── routes.jsx
   └─── serviceWorker.jsx
   └─── setupTests.jsx
...

Rotas

A aplicação possui algumas rotas que trazem conteudos especificos, que vão desde a informações pessoais até meios de troca de mensagem comigo.

Tabela de rotas

As rotas da aplicação estão listadas na tabela abaixo:

Rota	Descrição
GET /	Está é a rota raiz da aplicação, nela é possivel encontrar informações minhas, sobre minha história e meus interesses.
GET /skills	Essa é a rota que traz informações sobre minhas habilidades, sobre o que já conheço e sobre o que estou desenvolvendo.
GET /formation	Essa é a rota que traz informações sobre minhas qualificações, meus cursos concluidos e em andamento.
GET /portfolio	Essa rota mostra meus projetos, o que já fiz, onde estão hospedados, e links para acessa-los.
GET /contact	Nesta rota é possivel deixar uma mensagem para mim. A mensagem deixada lá se tornará um email, que cairá na minha caixa de mensagem principal.