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.

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