Desenvolvi este projeto do zero, em Typescript, HTML e CSS (com LESS).
Peguei uma API que desenvolvi ano passado, durante um curso de Node e resolvi fazer uma aplicação front-end para ela.
Pesquisei layouts de sites de academia no Google, copiei algumas coisas e inventei outras. Até que o resultado ficou agradável, além de responsivo.
Possui Models, Controllers, Views e Services, herança de classes, tudo certinho, feito em Typescript, sem nenhum framework.
Por que não utilizar um framework como React, para facilitar o trabalho?
Por isso mesmo. Porque é mais difícil. Para exercitar os fundamentos da programação Web: HTML, CSS e Javascript (Typescript). Para ter certeza de que consigo fazer à moda antiga.
Agora, tudo bem. No meu próximo projeto, pretendo pegar outra API sem rosto e fazer um front-end em React para ela.
- Typescript
- HTML
- CSS
- LESS
- Antes, é necessário baixar e rodar a API da aplicação.
- Baixe o repositório com git clone e entre na pasta do projeto.
$ git clone https://github.com/luiizsilverio/my-fitness $ cd my-fitness $ npm install $ # Informe o endereço da API no arquivo app/src/config.ts $ npm run dev $ # acesse http://localhost:5500 no navegador
Este projeto está licenciado sob a licença MIT.
E-mail: luiiz.silverio@gmail.com