Alcristi / front-Gestor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Front do Gestão Financeira Sa

Sumário

Tecnologias Utilizadas

Experiências com essas Tecnologias

Como foi fazer esse projeto

Como rodar

Tecnologias Utilizadas

Experiências com essas Tecnologias

Typescript

Gosto muito de trabalhar com Ts, pois a primeira linguagem que aprendi e tenho um bom conhecimento é C, logo sentia bastante falta da typagem quando fazia alguns projetos em Js. Porém ele trouxe um desafio a mais para esse projeto, pois não tinha tido contato Ts no front. Então tive alguns gargalos tentando encontrar os tipos de algumas requisções do axio, de alguns componentes e de algumas props. Mas consegui aprender bastante com tudo isso.

React

Essa foi a primeira vez que construir um front do zero utilizando React, tive contatos com estruturas prontas, em que tinha que dar manutenção em alguns componentes.E consegui aprender muito com isso, ter que buscar a melhor estrutura e entender o porque de escolher ela. Além disso, como citado acima, aprendi bastante com toda dificuldade que tive para encontrar os tipos corretos de cada estrutura que eu utilizava

Vite

Ele visa resolver esses problemas aproveitando novos avanços no ecossistema: a disponibilidade de módulos ES nativos no navegador e o surgimento de ferramentas JavaScript escritas em linguagens de compilação para nativas, me auxiliando bastante na utilização do tailwind.

Axios

Utilizei o axios para fazer todas as requisições para o back, um ferramenta muito útil e que facilita muito no processo de desenvolvimento.

Tailwind

Inicialmente eu estava utilizando Bootstrap, porém tive bastante dificuldade, por ficar muito restrito aos componentes desse framework, o tailwind me ajudou muito com suas classes componetizadas, me deram muita liberdade para construir o css do meu layout.

Como foi fazer esse Projeto

Gostei muito dessa experiência pois foi a primeira fez que pensei num front end completo, consegui passar por todas a dificuldades que foram aparecendo. Logo consegui evoluir e acredito que diante do que era solicitado foi um bom trabalho

Como rodar

Para rodar localmente você precisar baixar esse repositório e o do https://github.com/Alcristi/Gest-o-Financeira, para iniciaro front só e necessário clona esse repo, dar yarn. Trocar todas as requisições do axie pela url do back que esa instaciado na sua máquina, e rodar Yarn dev no terminal

About


Languages

Language:TypeScript 98.1%Language:HTML 0.9%Language:JavaScript 0.7%Language:CSS 0.3%