Skip to content

mewmewdevart/portfolio_v1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot from 2024-02-02 16-15-34

Portfolio_v1

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

Tamanho do código no GitHub em bytes Linguagem principal Licença

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

About

⚡️ | My first official portfolio template using Angular.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published