Skip to content

Clone of the Spotify homepage built in HTML5, CSS3 and Bootstrap, with a fully responsive and mobile layout. Attention: conceptual project.

Notifications You must be signed in to change notification settings

airtonlimajr/projeto-clone.music.streaming

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Clone do site Spotify

Clone da página inicial do Spotify, construída em HTML5, CSS3 e Bootstrap, com layout totalmente responsivo e mobile.

Atenção: este projeto é totalmente de caráter educacional.

Índice

Visão geral

O desafio

Desenvolver uma página clone de algum serviço de streaming , que seja responsiva e que ofereça ao usuário uma experiência fluida de navegação, independente do dispositivo utilizado.

Screenshot

Clone da página principal do serviço de streaming de music, Spotify

Meu processo

Construído com

  • HTML5
  • CSS3
  • Flexbox
  • CSS Grid
  • Mobile- first
  • Bootstrap v5.0.0-beta3

O que eu aprendi ...

Que quando trata-se de um projeto responsivo, a preocupação com o formato mobile, deve ser uma das primeiras a serem encaradas. Muitos layouts podem funcionar em uma determinada tela e em outras não. Por isto é interessante acompanhar o desenvolvimento do produto em diversas plataformas.

#Exemplos Bootstrap :

<meta name="viewport" content="width=device-width, initial-scale=1">
<nav class="navbar navbar-expand-sm navbar-light bg-warning ">

<footer class="mt-4 mb-4">

Desenvolvimento continuado

O Bootstrap é um ótimo framework e acrescenta mais possibilidades no já vasto mundo do desenvolvimento web,mas vale ressaltar que apesar dos diversos benefícios que a ferramenta pode trazer ao processo de desenvolvimento, a ferramenta possui uma serie de comandos e estruturas que devem ser dominados e que apesar de em um primeiro momento parecerem simples, não são ..

Recursos úteis

  • Bootstrap Docs -A documentação disponível na página ao lado, foi bastante útil para sanar dúvidas.
  • Font Awesome -Uma boa galeria de ícones.

Airton Lima Jr

About

Clone of the Spotify homepage built in HTML5, CSS3 and Bootstrap, with a fully responsive and mobile layout. Attention: conceptual project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published