https://github.com/paulopbi/bikcraft

Bicicletas elétricas de alta precisão e qualidade.
https://github.com/paulopbi/bikcraft

bike bikecraft css html javascript vanilla-css vanilla-html

Last synced: about 1 month ago
JSON representation

Bicicletas elétricas de alta precisão e qualidade.

• Host: GitHub
• URL: https://github.com/paulopbi/bikcraft
• Owner: paulopbi
• Created: 2022-10-29T11:40:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-25T10:49:19.000Z (over 3 years ago)
• Last Synced: 2025-01-28T02:26:10.119Z (over 1 year ago)
• Topics: bike, bikecraft, css, html, javascript, vanilla-css, vanilla-html
• Language: HTML
• Homepage: https://paulopbi.github.io/bikcraft/
• Size: 10.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          










Site completo »



Bicicletas elétricas de alta precisão e qualidade, feitas sob medida para o cliente.

Linkedin •

Github •

Behance •

Bikcraft Landing Page



## Bikcraft



> Capa do projeto

Cada Bikcraft é única e possui a sua identidade. As medidas serão exatas para o seu corpo e altura, garantindo maior conforto e ergonomia na sua pedalada. Você pode também personalizar completamente as suas cores.

Algumas vantagens de se ter uma bikcraft:

- Rastreador.

- Feitas com fibra de carbono.

- Atingem velocidades altas.

## Sobre o projeto

O código do site foi todo feito com **html**, **css**, **javascript** puro, o design foi feito no **figma**, a interface é bem completa, possuindo várias páginas internas, **sendo 100% responsivo** a todos os tamanhos de telas! E ainda possui **formulários** bem complexos e personalizados. 




> gif de demonstração.

o projeto está hospedado no github pages, você pode ver mais clicando aqui.




Todo o codigo do projeto está no meu github, você pode clique aqui para ver os codigos.

## Aprendizados

O que eu aprendi com esse projeto?

### Codigo

- Manipulacao do DOM.

- Pseudo-elementos e Pseudo-Classes.

- Positions.

- Display grid e flexbox.

- Responsividade.

- Criar um utility first.

- Otimização.

- NPM.

- Usar plugins para animação.

- Seletores css (como: ~, +, >, *, etc...).

- Git.

### Design

- UX Experience.

- UI Design.

- Figma.

- Teoria das cores.

- Tipografia.

- Design Responsivo.

- Design System.

## Tecnologias utilizadas



## Contato

Meu email: paulovictordev16@gmail.com

Muito obrigado por ver o meu projeto!

(Voltar ao inicio)