Giter VIP home page Giter VIP logo

sesc-concerts's Introduction

Sesc Concerts SP

Site para procurar shows realizados pelo Sesc SP

alt text

Por quĂȘ?

Utilizando o site oficial do sesc encontrei 3 principais problemas

  1. NĂŁo Ă© possĂ­vel buscar por mais de uma unidade, por exemplo "todas da capital", apenas 1 unidade por vez ou todas juntas (o que pode incluir unidades muito distantes)
  2. Poucos itens aparecem por vez na lista, sendo necessĂĄrio clicar em "Ver mais" frequentemente e, ao clicar, apenas 3 novos itens aparecem por vez
  3. Os links abrem na mesma janela, o que geralmente não é um problema, mas ao abrir uma atividade e voltar para a lista a rolagem é resetada, sendo necessårio rolar a pågina e clicar em "Ver mais" até chegar ao ponto anterior

Pensando nisso, implementei as seguintes soluçÔes:

  1. Busca por unidade com multi-select, com agrupamento por categoria (Capital, Interior e Litoral), assim é possível selecionar suas unidades preferidas e até grupos inteiros, ex: Todas da capital + Santos
  2. Melhor aproveitamento da tela, mostrando até 5 itens por linha (dependendo da resolução da tela) e todos os itens carregados de uma vez, sem a necessidade de clicks adicionais
  3. Os links sempre abrem em nova janela, assim vocĂȘ nĂŁo perde o ponto onde estava, nem mesmo por um toque acidental

EvoluçÔes Futuras

  • Salvar filtro de unidade no local storage

  • Filtrar por data especĂ­fica ou range

  • Filtrar outras categorias (curso, bate-papo, concerto, por exemplo). Atualmente apenas atividades da categoria "show" sĂŁo exibidos

  • Filtrar por busca de texto

  • Mostrar badge de “novo” para shows que o usuĂĄrio ainda nĂŁo viu

    Salvar os show vistos (mostrados na tela) no local storage. Ao listar os shows, se o show nĂŁo estiver no localStorage, marca como novo

  • “Termos em destaque”

    • O usuĂĄrio pode salvar termos para serem destacados (nomes de artista, por exemplo)
      • Salvar termos no localStorage
    • Atividades que contenham 1 ou mais termos salvos sĂŁo mostrados com destaque
      • Seção especial no começo da pĂĄgina
      • Badge na listagem geral
  • Adicionar a serviço de agenda (Google Calendar pelo menos)

  • VisĂŁo de calendĂĄrio

sesc-concerts's People

Contributors

guilhermebalog avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.