Event Starter Kit + Accessibilidade - Com NextJS

O que eu fiz

  • Site base para Eventos (Input de email, página de confirmação e página de comunidade).
  • Salvar os E-mails coletados em um Banco MySQL.
  • Trabalhar com migração de Banco de Dados e enviar os e-mails para um banco PostgreSQL.
  • Tornar o site Responsivo ao Mobile (pelo menos 3 tamanhos diferentes - PC, Tablet, Celular).
  • Temas Claro e Escuro.
  • Feature nos Temas: Modo dautônico.
  • Adicionar um ícone de acessibilidade na lateral direita da tela.
  • Adicionar o Hand Talk (se for de uso gratuito) como opção no ícone de acessibilidade.
  • Adicionar uma opção de Leitura pela voz do Google para pessoas cegas como opção no ícone de acessibilidade (se eu não estiver com preguiça).
  • Feature de Navegação por teclas.

Sobre a UI

Não foi eu quem fiz, a UI do site foi inspirada na exemplo da Vercel mas não usei o código deles, apenas abri o código deste site para conferir algumas cores e espaçamentos.

E o cartão colorido bonitinho foi feito usando o código no Codepen do Eddy Wilson

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.