GabrielFeBe/portfolio-frontend

Portfolio Frontend

Frontend do projeto de portfólio pessoal que é integrado com o backend, que pode ser encontrado aqui
Agora este Frontend funciona sozinho, já que eu coloquei o prisma no FE e o banco de dados do vercel, seguindo toda a documentação para não fazer besteira, eu fiz essa mudança para conseguir deixar o projeto online de uma vez por todas, já que nos últimos meses passei por dificuldades à procura de um serviço gratuito de imagens para BE, como não achei nenhum que funcione fiz essa mudança

Tabela de conteúdos

• Tecnologias
• Requisitos
• Instalação
• Como usar
• Deploy
• Licença

Tecnologias

• React - Framework Javascript/Typescript
• Next.js - Framework React
• Typescript - Linguagem de programação
• TailwindCSS - Framework CSS
• Edgestore - Um banco de dados de imagens

Requisitos

• Node.js: Download >= 16.x.x
• npm: Node Package Manager, vem com o Node.js
• Git: Download

Instalação

Para rodar o projeto localmente, é necessário clonar o repositório e instalar as dependências.

1. Clone o repositório

git clone git@github.com:GabrielFeBe/portfolio-frontend.git
#then
cd portfolio-frontend

2. Instale as dependências

npm install

Como usar

• Esse projeto é integrado com o backend logo é necessário que o backend esteja rodando para que o frontend funcione corretamente, e também é necessário que o banco de dados esteja populado com as informações necessárias para o funcionamento do frontend. Alem disso é necessario ser feita as configurações para conexão com o backend, que pode ser feita no arquivo .env.local na raiz do projeto, Alem do edgestore, que é o banco de dados de imagens, que também precisa ser configurado no arquivo .env.local na raiz do projeto.
• Apos todas as configurações necessárias, basta rodar o comando npm run dev para iniciar o servidor de desenvolvimento, que por padrão é iniciado na porta 3000, logo para acessar o projeto basta acessar http://localhost:3000 no navegador.

Deploy

• O projeto está hospedado no Vercel e pode ser acessado aqui
• A versão em deploy só permite a visualizações de meus projetos, já que eu configurei o backend e o frontend para não haver criação de novo usuário, e também não é possível fazer login, já que o backend está configurado para não permitir a criação de novos usuários, porem existe um admin button que serve apenas para testar a funcionalidade de admin, que permite a criação de novos projetos, e também a edição e remoção de projetos já existentes, mas nenhum desses dados são salvos no banco de dados, já que o usuario do admin é um usuario fake, e o backend está configurado para não permitir a criação de novos usuários.

Licença

• Sem licença