https://github.com/adrianovolter/projeto-reactjs-portifolio

Portfólio usando React js
https://github.com/adrianovolter/projeto-reactjs-portifolio

actions component css git git-flow html javascript npm pipeline portfolio reactjs

Last synced: 9 days ago
JSON representation

Portfólio usando React js

• Host: GitHub
• URL: https://github.com/adrianovolter/projeto-reactjs-portifolio
• Owner: AdrianoVolter
• Created: 2023-07-03T21:09:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-23T17:34:32.000Z (4 months ago)
• Last Synced: 2024-07-23T20:42:26.242Z (4 months ago)
• Topics: actions, component, css, git, git-flow, html, javascript, npm, pipeline, portfolio, reactjs
• Language: JavaScript
• Homepage: https://projeto-reactjs-portifolio2023.vercel.app
• Size: 883 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Portifólio pessoal 

 Portifólio pessoal feito em React, com o intuito de mostrar meus projetos e habilidades. 


### Tenologias usadas: 



  

    

  



React - Framework usado para desenvolver o projeto


CSS - Estilização do projeto


Html - Estrutura do projeto

JS - Lógica do projeto

Vite - Bundler usado para desenvolver o projeto

Docker - Usado para fazer o deploy do projeto

Github Actions - Usado para fazer o CI do projeto


### Dependências usando o comando 

```

npm install

```

React-dom

React-router-dom

React-icons


### Para rodar o projeto use o comando

```

npm run dev

```

### Usando docker para rodar o projeto:

docker build -t portifolio-react .

docker run -p 5000:5000 portifolio-react


## Projeto hospedado na Vercel:

Foi usado a vercel para hospedar o projeto, pois é uma plataforma que facilita o deploy de projetos front-end, e também é uma plataforma gratuita.

Usado CI para fazer o deploy automático do projeto, toda vez que é feito um push no repositório do github, o projeto é atualizado na vercel , usando um container nginx.

### Link do projeto:

Portifólio

### Pagina inicial:

![image](public/Captura%20de%20tela%20de%202024-07-23%2014-31-11.png)

### Pagina de sobre:

![image](public/Captura%20de%20tela%20de%202024-07-23%2014-31-03.png)

### Pagina de projetos:

![image](public/projetos.png)

### Pagina de contato:

![image](public/contatos.png)

### Pagina com responsividade:

![image](public/inicio-resp.png)