Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/deverebor/letmeask

Projeto feito durante a Next Level Week da RocketSeat que me disponibilizou a bolsa para o Ignite.
https://github.com/deverebor/letmeask

frontend react reactjs rocketseat typescript

Last synced: 9 days ago
JSON representation

Projeto feito durante a Next Level Week da RocketSeat que me disponibilizou a bolsa para o Ignite.

Awesome Lists containing this project

README 

        









  


  

  


  

  ###### Design remodelado por mim.

  



 


Feito durante a (NLW) Next Level Week de ReactJS com mentoria do Diego Fernandes @diego3g.

Todo o design do projeto foi entregue pela @rocketseat para todos que participaram codar e desenvolver suas ideias em cima do modelo!




 Qual o objetivo do projeto ? 




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.




### Por debaixo dos panos:





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



Bibliotecas utilizadas:



    

        
  • create-react-app
    • 

        
  • react-router-dom
    • 

        
  • react-hot-toast
    • 

        
  • react-modal
    • 




 

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.






Features em desenvolvimento



|            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...





Primeiramente gostaria de agradecer a rocketseat por disponibilizar um conteúdo tão inspirador e imersivo como a NLW e ser totalmente gratuita, 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](https://ahub.tech/discord) 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 mais de 25hrs codando 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!