mewmewdevart / portfolio_v1

⚡️ | My first official portfolio template using Angular.

Portfolio_v1

Meu portfólio construído com Angular[Material UI].

O projeto 👩🏿‍💻

Desenvolvi-o utilizando o Angular para o frontend e NodeJS com Express para o backend. Foi incrível construí-lo do início ao fim; passei por todas as etapas de desenvolvimento, desde a prototipação do design no Figma até a aplicação das melhores técnicas de SEO e acessibilidade para ajudá-lo no ranqueamento, e muito mais. Foi um misto de aprimoramento em tecnologias que já utilizava e aprendizado. 💜

Estrutura do diretório/

• mewmew_frontend/
• mewmew_backend/

Instruções 🔧

Pré-Requisitos

Para executar o projeto localmente, é necessário ter instalados em sua máquina os seguintes requisitos: Node.js, Angular CLI. Após a instalação, é preciso também instalar as dependências do arquivo package.json. Para isso, digite o comando npm install após seguir os passos anteriores.

❗️| Certifique-se de que todas as ferramentas necessárias estejam instaladas em sua máquina local e, em seguida, prossiga com os seguintes passos.

Instruções para executar o projeto em sua máquina:

0. Baixe os arquivos

# Clone o repositorio
$ git clone https://github.com/mewmewdevart/portfolio_v1.git

# Entre dentro da pasta clonada e do projeto
$ cd portfolio_v1/mewmew_p1

# Interaja com O FrontEnd
$ cd portfolio_v1/mewmew_p1/mewmew_frontend

1. Instale as dependências

npm install

2. Rode o servidor

ng serve

3. Acesse o link gerado no prompt no seu navegador web com base na rota 0000 informada:

http://localhost:4200

Tecnologias

• VS CODE | Ambiente de desenvolvimento integrado para escrever, ler e executar código do projeto com mais eficiência.
• Git Bash | GitBash para realizar os commits.
• Figma | Figma para desenvolver alguns elementos da interface.
• Bootstrap | Bootstrap para ajudar na responsividade.
• Material UI | Implementação de componentes de interface.
• Angular | Plataforma de aplicações Web.

Referencias

• Markdown | Documentação de como utilizar o Markdown.
• Documentação W3Schools | Documentação e tutoriais praticos.
• Figma Community | Inspiração na prototipação do projeto.
• Brittany Chiang | Inspiração no Portfolio dela
• +Forums e Blogs da internet para sanar as minhas duvidas relacionadas a linguagem (Alura, Stack Overflow e Geeks for geeks).

📜 Licença

Este projeto é licenciado sob os termos do arquivo LICENÇA. Veja o arquivo para mais detalhes. Lembre-se de dar créditos <3