Orange Portfolio

O Orange Portfolio foi desenvolvido durante o Hackathon da Fcamara, na quinta edição do programa.

Este projeto consiste em oferecer aos usuários uma plataforma com diversas funcionalidades. Inclui autenticação de usuário, além de possibilitar o cadastro, edição e exclusão de projetos. Os usuários têm controle total sobre seus projetos, podendo atualizar ou remover detalhes quando desejarem. Além disso, a plataforma proporciona uma visão completa, permitindo que os usuários explorem uma galeria de projetos enviado por todos os participantes.

🕹️ Funcionalidades

• Autenticação: Login, Cadastro e integração com o Google para login.

• Cadastro de Projetos: Os usuários podem cadastrar detalhes de seus projetos.

• Edição de Projetos: Possibilidade de atualizar os detalhes dos projetos cadastrados.

• Exclusão de Projetos: Os usuários têm o controle total sobre seus projetos, podendo removê-los quando desejarem.

• Visualização de todos Projetos: Os usuários tem acesso a uma galeria completa de projetos submetidos por todos os usuários da plataforma.

• Busca de projetos: Permite aos usuários encontrar projetos específicos utilizando tags relacionadas.

• Responsividade: A interface do aplicativo se ajusta automaticamente a diferentes tamanhos de tela, proporcionando uma experiência de usuário consistente em dispositivos móveis, tablets e desktops.

Telas

Tela de login

Modal de Cadastro de Projeto

Funcionalidade de Editar um Projeto

Funcionalidade de Excluir um Projeto

Tela de Descobrir e funcionalidade de Buscar

🎨 Figma

Este projeto segue o design proposto no Figma.
Clique aqui para visualizar o layout.

🚀 Deploy

Confira o projeto em produção na Vercel:

🧩 Tecnologias

🖥️ Front-End

HTML	CSS	TypeScript	React
Vite	Google Oauth	Material UI	Axios

🗄️ Back-End

Java

Spring

PostgreSQL

Link para o backend

☕ Como usar

Para executar esse projeto localmente execute os seguintes passos:

1. Clonar o Repositório

$ git clone https://github.com/felipel7/orange-portfolio.git

$ cd orange-portfolio

2. Preencher os dados do arquivo .env.local seguindo o .env.example

3. Instalar dependências

$ npm i

$ npm run dev

4. Por fim, abrir o navegador no localhost: http://localhost:5173

Participantes

Nome	Função	Github	Foto
Felipe Silva	Frontend
Marcos	Frontend
Fhelipe Alves	Backend
Ramir Junior	Backend

📝 License

Este projeto está sob a licença MIT. Consulte o LICENSE para obter mais detalhes.