Skip to content

Latest commit

 

History

History
94 lines (64 loc) · 5.06 KB

README.md

File metadata and controls

94 lines (64 loc) · 5.06 KB
Raw

FGFut

Badges

Índice

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.

fgfut_responsividade

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.

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

fgfut_regexLogin 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:

fgfut_partidasFinal

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.