Letmeask

<header> <p align="center"> <img src="/letmeask/src/assets/images/logo.svg"> </p> </header> <p align="center"> <img src="/letmeask/src/assets/git-images/home-app.png" align="center"> </p>

Design remodelado por mim.

<br> <p align="center"> Feito durante a (NLW) Next Level Week de ReactJS com mentoria do Diego Fernandes <strong>@diego3g</strong>. Todo o design do projeto foi entregue pela @rocketseat para todos que participaram codar e desenvolver suas ideias em cima do modelo! </p> <h3> Qual o objetivo do projeto ? </h3> <p> Facilitar a comunicação entre o criador de conteúdo e seu publico. Na aplicação, o usuário cria uma sala e nela pessoas podem fazer perguntas para serem respondidas em live, aulas, palestras e afins. </p>

Por debaixo dos panos:

<p> Totalmente construido em: <strong>ReactJS</strong> e <strong>TypeScript</strong> com o <strong>Firebase</strong> em seu banco de dados e o <strong>SASS</strong> para estilizar toda a aplicação com conceito de uma <strong>SPA</strong> aplicado.

Bibliotecas utilizadas:

<ul> <li>create-react-app</li> <li>react-router-dom</li> <li>react-hot-toast</li> <li>react-modal</li> </ul> </p> <p> Create React App:

Utilizei para construir o escolpo do projeto, veio com todas as dependências necessárias pra construção do app.

React Router Dom:

Utilizado para a manipulação do DOM da minha aplicação, assim fazendo com que funcionasse o conceito de SPA.

React Hot Toast:

Ficou responsável pela funcionalidade dos pop-ups da aplicação como a confirmação do envio da pergunta, like e afins.

React Modal:

Essa funcionalidade ficou com o cargo de deixar a parte da remoção de uma pergunta pelo admin da sala com uma interação mais avançada.

</p> <h4 align="center">Features em desenvolvimento</h4>

| Implementação: | Estado: | | :----------------------------------: | :---------------------------------: | | Novo design | ✔️ Concluído | | Responsividade | ✔️ Concluído | | Função de Logout | ✔️ Concluído | | Gerar aplicação PWA | ⌛ atualmente em desenvolvimento... | | Utilizar um novo design para o modal | ⌛ atualmente em desenvolvimento... | | Tema dark e light | ✔️ Concluído | | Imagem de background nas questions | ✔️ Concluído |

Foi uma longa jornada...

<p> Primeiramente gostaria de agradecer a rocketseat por disponibilizar um conteúdo tão inspirador e imersivo como a NLW e ser totalmente <strong>gratuita</strong>, além dessa empresa de ensino também o professor Diego por compartilhar o seu conhecimento de forma sucinta e objetiva.

Também gostaria de agradecer a toda comunidade HUB Tech a qual tem me ajudado de forma indescritível a evoluir como um programador.

Essa NLW foi de longe um dos melhores eventos da rocket que participei desde a 3° Omnistack. O conhecimento que aprendi não se resumem as anotações e nem as <strong>mais de 25hrs codando</strong> e aprendendo constantemente. A cada aula era um novo conhecimento e a empolgação renovada, eu faria tudo de novamente. Minha sede de conhecimento nunca está saciada e se o objetivo da Rocket é me levar para o próximo nível eu não quero isso, eu vou criar o meu próximo nível.

Todo o meu diário de bordo durante a NLW está disponível na pasta Anotações onde coloquei tudo que aprendi e também ideias para se implementar futuramente no app.

Obrigado a todos,

#Bora Codar!

</p> <!-- “We keep moving forward, opening up new doors and doing new things, because we’re curious ... and curiosity keeps leading us down new paths.” -Walt Disney -->