https://github.com/moscarde/portfolio

Portfólio de projetos e artigos. Desenvolvido com Flask e Bootstrap.
https://github.com/moscarde/portfolio

bootstrap5 flask python

Last synced: about 2 months ago
JSON representation

Portfólio de projetos e artigos. Desenvolvido com Flask e Bootstrap.

• Host: GitHub
• URL: https://github.com/moscarde/portfolio
• Owner: Moscarde
• Created: 2023-12-29T09:07:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-09T12:45:31.000Z (5 months ago)
• Last Synced: 2025-02-06T04:52:58.083Z (4 months ago)
• Topics: bootstrap5, flask, python
• Language: HTML
• Homepage: https://gabrielmoscarde.up.railway.app/
• Size: 6.78 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Meu Portfólio

![Screenshot 1](/screenshots/header.png)

Acesse a versão live [aqui!](https://web-production-efab.up.railway.app/)

---

## Sobre o Projeto

Este repositório foi construído com **Flask** e **Bootstrap**, oferecendo uma estrutura prática e simples para criar e gerenciar um portfólio dinâmico.

## Gerenciamento Simples

Os arquivos JSON localizados na pasta `/content` permitem que você adicione ou remova conteúdos facilmente. Com um simples commit, as alterações são refletidas na versão final do portfólio.

## Funcionalidades Dinâmicas

Graças ao Flask e ao **Jinja2**, este projeto possibilita a renderização de páginas dinâmicas a partir de dados estruturados. Por exemplo:

```html



  {% for project in projects %}

  
{{ project.name }} - {{ project.description }}

  {% endfor %}



```

Como resultado é criado uma lista dinamicamente com base nos dados presentes em `/content/projects.json` (Carregados e processados em app.py).


Com essa abordagem, e um pouco de HTML, o conteúdo do portfólio é atualizado automaticamente com base nos dados fornecidos.

## Fonte de aprendizado

O template do projeto tem como referência um mini curso disponibilizado gratuitamente pelo [Thi Code](https://www.thicode.com.br/) e disponibilizado em seu [Canal do youtube](https://www.youtube.com/@thi_code)