NLW Together LetmeAsk [PORTUGUESE]

A proposta da NLW Together era criar uma aplicação Q&A (em tempo real), com validação de usuário via google, utilizando React, TypeScript, Sass e o Firebase, mas resolvi que iria trazer os conhecimentos que obtive na NLW Return (Tailwind e acessibilidade com Headlessui), para dentro desse projeto, dando uma personalizada nele, inclusive visual!

Ao final das aulas, foram dadas dicas de como poderíamos levar a aplicação para o próximo nível, implementando responsividade, darkmode e modais com acessibilidade…

Considere feito! 😎

Mas o que é NLW?

NLW é um movimento orquestrado pela Rockeatseat com o objetivo de ajudar a comunidade a chegar no próximo nível de programação. São disponibilizadas aulas e aplicações totalmente gratuitas para a comunidade que já é Dev e quer chegar no próximo nível, e para quem esta iniciando na programação, conhecer práticas e conceitos relavantes para se dar bem nos primeiros passos.

Tecnologias utilizadas:

• React
• NodeJs
• Typescript
• Tailwind
• Firebase
• Headlessui (Acessibilidade)

Layout

Você pode visualizar o layout do projeto original através desse Link. É necessário ter conta no Figma para acessá-lo.

Para visualizar um video da minha versão do projeto , clique na imagem abaixo !

Para visualizar o projeto funcionando, clique no link abaixo !

https://letmeask-fay.web.app/

---

NLW Together LetmeAsk [ENGLISH]

The proposal of NLW Together was to create a live Q&A application with user validation via google usingReact, TypeScript, Sass and Firebase, but I decided that I would bring the knowledge I obtained at NLW Return (Tailwind and accessibility with Headlessui), into this project, giving it a personalized look, including the look!

At the end of the classes, tips were given on how we could take the application to the next level, implementing responsiveness, darkmode and modals with accessibility…

Consider done! 😎

But what is NLW?

NLW is a movement orchestrated by Rockeatseat with the purpose of helping the community get to the next level of programming. Totally free classes and applications are available for the community that is already a Dev and wants to get to the next level, and for those who are starting in programming, to know relevant practices and concepts to get along well in their first steps.

Technologies used:

• React
• NodeJs
• Typescript
• Tailwind
• Firebase
• Headlessui (Accessibility)

Layout

You can view the layout of the original project through this Link. You need a Figma account to access it.

To view a video of my version of the project, click on the image below!

To see the project working, click on the link below!

https://letmeask-fay.web.app/