marcelgsantos / my-bookshelf

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto - My Bookshelf 2022

1. Introdução

O projeto My Bookshelf é uma implementação de um sistema de cadastro de livros que foi desenvolvido de ponta a ponta desde a prototipação da interface, validação do protótipo, desenvolvimento do front-end a implementação back-end.

2. Proposta

Implementar um projeto de cadastro de livros. O projeto deve ter uma tela de login para permitir que apenas usuários cadastrados tenham acesso. O sistema deve contar com a lista de livros com opções para cadastrar um novo livro, alterar um livro já existente e remover um livro.

Deve-se utilizar todo o conhecimento obtido no curso Introdução a Programação Web com PHP. O projeto deve ser feito utilizando todos os conceitos aprendidos até agora.

É importante tomar cuidado com a experiência do usuário, ou seja, utilizar campos com labels, placeholders e mensagens de erro bem definidas. A aplicação será o seu cartão de visitas. Se a sua aplicação entregar valor e tiver uma ótima experiência de utilização, o cliente voltará. Caso contrário, o cliente não retornará à sua aplicação.

Lembre-se que tudo contará na avaliação. A consistência nos nomes dos componentes da aplicação, a consistência na escrita do código (variáveis, funções e objetos), a consistência na escrita do HTML e CSS, os commits e as mensagens utilizadas entre outras boas práticas.

O campos necessários para o cadastro são:

  • Título - texto
  • Autor(es) - texto (separado por vírgula)
  • Número de páginas (numérico)
  • Gênero (lista pode selecionar vários)
  • Publicação Nacional? (sim ou não)
  • Capa (imagem)
  • Editora - texto
  • Descrição (caixa de texto)

3. Execução do Projeto

3.1 Prototipação e Validação da Interface

  • criação de protótipos de baixa fidelidade (mobile e desktop)
  • criação do mapa do site utilizando Lucid Chart
  • criação e validação do protótipo navegável utilizando o aplicativo Pop

3.2 Desenvolvimento Front-End

  • criação das páginas HTML utilizando marcação semântica
  • criação dos estilos CSS utilizando BEM para componentização
  • criação dos componentes CSS em módulos separados
  • não utilizar diretamente o Bootstrap, porém, pode-se utilizar os conceitos

3.3 Implementação do Back-End

  • ...

4. Conclusão

About


Languages

Language:PHP 39.5%Language:SCSS 32.7%Language:Hack 27.8%