FGFut

Badges

Índice

• Título
• Badges
• Índice
• Descrição do Projeto
• Status do Projeto
• Funcionalidades e Demonstração da Aplicação
• Acesso ao Projeto
• Tecnologias utilizadas
• Pessoas Desenvolvedoras do Projeto
• Licença

Descrição do Projeto

O site FGFut tem como objetivo principal solucionar um dos problemas da atividade esportiva: marcar horários e saber quem irá comparecer. Dessa forma, o nosso site tem como finalidade a disponibilização de horários para a prática de futsal e a visualização dos participantes, para assim facilitar a prática desportiva e promover a saúde dos membros da UnB Campus Gama.

Status do Projeto

🚧 Projeto em construção 🚧

Funcionalidades e Demonstração da Aplicação

A aplicação foi construída principalmente para exercitar os conceitos de responsividade, regex (regular expressions), consumo de API, entre outros. Logo, trata-se majoritariamente de um projeto client-side.

Responsividade

A responsividade foi aplicada no site utilizando conhecimentos como CSS Flexbox, Clamp; e o framework Bootstrap para alcançar alguns resultados específicos que não foram atingidos com o CSS puro.

Regular Expressions (Regex)

As expressões regulares foram utilizadas para a validação dos inputs do usuário, visando obter dados válidos para quando esses fossem enviados para um banco de dados.

Este foi a Regex aplicada na página de Cadastro em ação.

E aqui sendo aplicada ao login do usuário.

Página Principal

Na página de partidas é onde se concentra a parte principal da aplicação. Nesta seção, é possível se inscrever nos horários disponibilizados e ver os participantes de cada time, como pode ser observado abaixo:

Acesso ao projeto

A aplicação pode ser acessada no endereço www.meanmustard.github.io/FGFut. As rotas para cada página são:

'/' - Para acessar a página inicial

'/cadastro' - Para acessar a página de cadastro

'/login' - Para acessar a página de login

'/partidas' - Para acessar a página principal do site

Infelizmente, o deploy no GitHub Pages não possibilita que a aplicação tenha conexão com o Banco de Dados MySQL utilizado no projeto, contudo é possível observar as páginas desenvolvidas com HTML, CSS e Vanilla JS; é só acessar as rotas :)

Tecnologias utilizadas

• Python
• Flask
• MySQL
• Javascript
• HTML5
• CSS3
• Figma
• Paradigma de orientação a objetos
• Postman
• VSCode

Link para o Figma do projeto: https://www.figma.com/file/6M3od2tFe7Gmj6XEE8HTmz/FGFut

Pessoas Desenvolvedoras do Projeto

Caio Alves Braga	Doan Galvão Filho	Mariana Letícia

Licença

O FGFut é um software open-source com licença GNU General Public License.