Tecnologias | Projeto | Layout | Deploy | Como executar
Esse projeto foi desenvolvido com as seguintes tecnologias:
Este projeto foi criado no intuito de ser meu Website de Portfólio e ao mesmo tempo treinar minha lógica de programação, inspirado em um layout do Yusting Mora (UI/UX Designer) que foi realizado no Figma. O projeto tem algumas seções, tais como:
- Inicio (Página Inicial);
- Sobre mim (Página que faz um resumo sobre minhas principais características e pontos fortes);
- Projetos (Página em que estão todos os meus projetos, puxando dados da API do Github através do Axios);
- Contato (Página de contato que tem um formulário de contato que é submetido com o FormSubmit).
Além disso, para deixar o site ainda mais elegante, existem duas páginas a mais:
- Página de erro 404 (Quando não existe a rota que o usuário deseja acessar);
- Página de Agradecimento (Mostrada após o envio do formulário).
Este projeto me fez treinar e aprimorar significativamente as minhas habilidades no React. Além disso, temos ainda os seguintes pontos:
- ✅ Responsividade: este projeto está adaptado para qualquer resolução seja ela Desktop, Notebook, Tablets ou Smartphones;
- ✅ UI/UX: consite em uma UI/UX sofisticada e agradável ao usuário;
- ✅ Deploy na web via Vercel App;
- ✅ Organização da estrutura do projeto em pastas.
Você pode visualizar o layout do projeto através desse link.
Você pode testar o meu site atráves desse link.
- Clone o repositório
- Instale o Node.js
- Abra o repositório em algum editor de texto (VSCode de preferência)
- Abra o terminal do Editor de texto e execute o comando
npm installpara realizar a instação de todas as dependências - Inicie o servidor com
npm startno terminal
Agora você pode acessar localhost:3000 no seu navegador.