An open API service indexing awesome lists of open source software.

https://github.com/mewmewdevart/portfolio_v1

⚡️ | My first official portfolio template using Angular.
https://github.com/mewmewdevart/portfolio_v1

angular design portfolio web

Last synced: 11 months ago
JSON representation

⚡️ | My first official portfolio template using Angular.

Awesome Lists containing this project

README

          

![Screenshot from 2024-02-02 16-15-34](https://github.com/mewmewdevart/portfolio_v1/assets/50052600/daed6ebb-d9fe-49eb-8607-c7e3b5d8988f)




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](https://nodejs.org/en), [Angular CLI](https://angular.io/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**

```bash
# 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
```

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

**1. Instale as dependências**

```bash
npm install
```

**2. Rode o servidor**

```bash
ng serve
```

**3. Acesse o link gerado no prompt no seu navegador web com base na rota 0000 informada:**
```bash
http://localhost:4200
```

## Tecnologias
- [VS CODE](https://code.visualstudio.com/) | Ambiente de desenvolvimento integrado para escrever, ler e executar código do projeto com mais eficiência.
- [Git Bash](https://git-scm.com/downloads) | GitBash para realizar os commits.
- [Figma](https://www.figma.com/) | Figma para desenvolver alguns elementos da interface.
- [Bootstrap](https://getbootstrap.com/) | Bootstrap para ajudar na responsividade.
- [Material UI](https://material.angular.io/) | Implementação de componentes de interface.
- [Angular](https://angular.io/start) | Plataforma de aplicações Web.

## Referencias
- [Markdown](https://www.markdownguide.org/basic-syntax/) | Documentação de como utilizar o Markdown.
- [Documentação W3Schools](https://www.w3schools.com/) | Documentação e tutoriais praticos.
- [Figma Community](https://www.figma.com/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](LICENSE). Veja o arquivo para mais detalhes. Lembre-se de dar créditos <3