BoletimEscolar
Geração de Boletim escolar automatizado e personalizável, para escolas / professores👩🏻🏫📄
Install / Use
/learn @NyctibiusVII/BoletimEscolarREADME
<h1 align="center">
<img src=".github/modelo-boletim-escolar.png" width="400" alt="Logo BoletimEscolar">
</h1>
<p align="center">
<img alt="Plataforma" src="https://img.shields.io/static/v1?label=Plataforma&message=Web&color=000000&labelColor=00E88F">
<img alt="BoletimEscolar" src="https://img.shields.io/static/v1?label=Version&message=3.26.69&color=000000&labelColor=00E88F">
<img alt="Tamanho do repositório" src="https://img.shields.io/github/repo-size/NyctibiusVII/BoletimEscolar?color=000000&labelColor=00E88F">
<a href="https://github.com/NyctibiusVII/BoletimEscolar/blob/main/LICENSE">
<img alt="Licença" src="https://img.shields.io/static/v1?label=License&message=MIT&color=000000&labelColor=00E88F">
</a>
</p>
<p align="center">
<a href="#boletimescolar-">Projeto</a> |
<a href="#tecnologias-">Tecnologias</a> |
<a href="#layout-">Layout</a> |
<a href="#licença-%EF%B8%8F">Licença</a>
</p>
BoletimEscolar <img src=".github/favicon.svg" width="32" alt="favicon">
Geração de Boletim escolar automatizado e personalizável, para escolas / professores 👩🏻🏫📄
Funcionalidades
- Habilitar / Desabilitar conteúdos e componentes
- Dados: Os 4 Bimestres, 5° Conceito e Resultado final
- Componentes: Professor(a), 5° Conceito e Assinaturas
- Mantém dados do formulário nos cookies
- Cabeçalho: Escola, Prof, Nome, N° e Ano
- Personalização de dados para o cálculo das notas do boletim escolar
- Nota de aprovação, Nota de recuperação, Porcentagem minima de frequência para aprovação e Aulas dadas (por matéria)
- Gera imagens do boletim escolar feito pelo usuário
- Modelo do nome do arquivo: <p>{nome}__n°{numero}__{ano}__{hora}h-{minuto}m-{segundos}s.png</p> <p>matheus-de-oliveira-vidigal-peixoto-dias__n°27__3°-a__19h-45m-36s.png</p>
- Matérias podem ser adicionadas e removidas
- Mudança de cores do tema da aplicação e do boletim escolar
Tecnologias 🚀
Esse projeto foi desenvolvido com as seguintes tecnologias:
Layout 🚧
Desktop Screenshot
<div style="display: flex; flex-direction: 'column'; align-items: 'center';"> <!-- Responsive, 1366 x 768, 50% (Laptop L - 1366px) --> <img width="400px" src=".github/home-desktop-dark.png"> <img width="400px" src=".github/home-desktop-light.png"> </div>Mobile Screenshot
<div style="display: flex; flex-direction: 'row';"> <!-- Responsive, 320 x 711, 75% (Mobile X11T - 320px) --> <img width="180px" src=".github/home-mobile-dark.png"> <img width="180px" src=".github/home-mobile-light.png"> </div>Rodando o projeto 🚴🏻♂️
"Só vou dar uma olhadinha...":
<a href="https://boletim-escolar.vercel.app">👩🏻🏫 Site hospedado na Vercel 📄</a>
Na sua maquina:
# Clone o repositório
$ git clone https://github.com/NyctibiusVII/BoletimEscolar.git
# Acesse a pasta do projeto no terminal
$ cd BoletimEscolar
# Instale as dependências com o gerenciador de pacotes de sua preferência
$ npm install / yarn add
# Execute o projeto
$ npm run dev / yarn dev
# O projeto roda na porta: 3000
# Acesse http://localhost:$PORT *Ex: Cuidado para não ligar dois ou mais projetos na mesma porta.
Contribuição 💭
Confira a página de contribuição para ver como começar uma discussão e começar a contribuir.
Licença ⚖️
Este projeto está sob a licença do MIT. Veja o arquivo LICENSE para mais detalhes.
