diff --git a/README.md b/README.md index fab608d..906516f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,110 @@ -# projeto-alurabooks - +

Projeto Alura Books

+ +

+ +
+ + License: MIT Em Progresso + +
+ +## Sumário + +- [Sobre o Projeto](#sobre-o-projeto) +- [Objetivos do Projeto](#objetivos-do-projeto) +- [Funcionalidades do Projeto](#funcionalidades-do-projeto) +- [Tecnologias Utilizadas](#tecnolgias-utilizadas) + - [Front-end](#front-end) + - [Back-end](#back-end) + - [Implementação](#implementação) +- [Processo de Desenvolvimento](#processo-de-desenvolvimento) + - [(Roteiro / Diario) de desenvolvimento](#roteiro--diario-de-desenvolvimento) + - [Layout Mobile](#layout-mobile) + - [Layout Web](#layout-web) + - [Modelo Conceitual](#modelo-conceitual) +- [Contribuição](#contribuição) +- [Autor](#autores) + +## Sobre o Projeto + +Esse projeto foi feito com a instrução de [**Mônica Hillman**](https://github.com/MonicaHillman), bacharela em Tecnologias Digitais e instrutora da Alura. + +Em um [curso](https://cursos.alura.com.br/course/html-css-responsividade-mobile-first) ela ensina a identificar elementos e estilos através do **Figma** usando **HTML&CSS**. Seu principal objetivo nesse curso é ensinar a construir um site com responsividade **Mobile First**. + +## Objetivos do Projeto + +- Entender como interpretar um prótotipo de site no Figma; +- Conhecer e aprender a usar a abordagem Mobile First; + +## Funcionalidades do Projeto + +- **Botão Categorias(Desktop)/Menu Hamburguer(Mobile):** Ao ser clicado surge 5 opções de categorias;
Aba de Categorias aberta do AluraBooks +- **Botões Laterais do Carrosel:** Ao ser clicado move o carrossel na direção oposta; +- **Arrastar o Carrosel com Mouse/Dedo:** Ao arrastar o carrossel se move. +Carrossel do AluraBooks + +## Tecnolgias Utilizadas + +1. HTML +2. CSS +3. SwiperJS + +### Front-end + +1. +2. +3. + +### Back-end + +1. +2. +3. + +### Implementação + +1. +2. +3. + +## Processo de Desenvolvimento + +### (Roteiro / Diario) de desenvolvimento + +- Link externo para aba projetos, ou um lugar onde esteja todo relato de desenvolvimento + +### Layout Mobile + +- Imagens + +### Layout Web + +- Imagens + +### Modelo Conceitual + +- Imagens + +## Contribuição + +- Por que contribuir? +- Quem contribuiu? +- Como contribui? + +## Autor(es) + +- Nome(s), redes e forma de contato. +- Talvez um breve resumo sobre cada um. + +Meu nome é **Alexandre Coelho**, sou autor deste ReadMe e estudante de Desenvolvimento Web. [Falar sobre meu papel no projeto, seu eu fiz tudo ou só modifiquei. + +Logo abaixo estão os meus principais links, fique a vontade de acessar o que mais lhe interessar: + +
+ +
+ +FrontEnd Mentor Badge ou FrontEnd Mentor Badge +GitHub Badge +LinkedIn Badge +Gmail Badge