Orange Portfólio - Squad 40

Bem-vindo ao Orange Portfólio! Esta aplicação foi desenvolvida para incentivar desenvolvedores a compartilharem seus projetos pessoais e a estabelecerem conexões valiosas dentro da comunidade Orange Juice. 🍊

Com recursos robustos de personalização, os usuários podem destacar seus projetos exclusivos, incluindo detalhes como nome, link, imagens e tags descritivas. A capacidade de interagir com os portfólios de outros usuários cria uma comunidade dinâmica, promovendo a descoberta de novos talentos e oportunidades de networking.

Destaque-se na multidão com o Orange Portfolio! Nossa aplicação oferece uma abordagem centrada no usuário, permitindo que você construa um portfólio online que realmente reflete suas habilidades e conquistas. A busca avançada e os filtros facilitam a descoberta de projetos específicos de outros usuários.

---

Tecnologias e bibliotecas

---

Live Preview

Acesse o live preview clicando aqui, crie uma nova conta e se divirta!

Obs.: A aplicação está hospedada no serviço Render em plano gratuito. Por isso, podem ocorrer algumas diferenças de desempenho em determinados momentos.

---

📚 Índice

• Funções
• Instalação
• Pitch
• Autores

---

Funções

Criação de projetos com upload de imagem	Visualização de projetos feitos por outros usuários

Filtro por tags	Alteração / Exclusão de projetos próprios

Edição de perfil (foto de perfil, nome, sobrenome e país)	Autenticação com a conta do Google

---

Instalação

Clone este repositório executando o comando:

  git clone https://github.com/MatheusSanchez/orange-front.git

Acesse a pasta do projeto no terminal/cmd

  cd orange-front

Instale as dependências

  npm install

Crie um arquivo chamado .env ou (renomeie o aquivo .env_example) na pasta raíz do projeto seguindo o padrão abaixo:

Você ira precisar criar uma credential no Google Cloud, você pode seguir a documentação oficial clicando aqui.

VITE_API_URL = url_do_seu_backend
VITE_GOOGLE_CLIENT_ID = client_id_google

Execute a aplicação em modo de desenvolvimento

  npm run dev

A aplicação estará disponível através do endereço informado no terminal ou console. Exemplo: http://localhost:5173

---

Pitch

Você pode conferir o vídeo de pitch do projeto clicando aqui.

---

Autores

@LucSosa	@MatheusSanchez	@maxyuri13	@pedrodecf