https://github.com/willian-moreno/nlw-expert-reactjs

O Next Level Week (NLW) é um evento gratuito da Rocketseat, que tem por objetivo desenvolver um projeto prático utilizando uma ou mais tecnologias para compor uma aplicação. Nessa NLW vamos desenvolver uma aplicação de notas, utilizando muitas tecnologias. #NeverStopLearning 🚀
https://github.com/willian-moreno/nlw-expert-reactjs

date-fns lucide-react nlw-expert radix-ui reactjs rocketseat sonner speech-recognition tailwindcss typescript vite

Last synced: 3 months ago
JSON representation

O Next Level Week (NLW) é um evento gratuito da Rocketseat, que tem por objetivo desenvolver um projeto prático utilizando uma ou mais tecnologias para compor uma aplicação. Nessa NLW vamos desenvolver uma aplicação de notas, utilizando muitas tecnologias. #NeverStopLearning 🚀

• Host: GitHub
• URL: https://github.com/willian-moreno/nlw-expert-reactjs
• Owner: willian-moreno
• License: mit
• Created: 2024-02-06T12:47:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-04-03T18:22:21.000Z (over 1 year ago)
• Last Synced: 2025-03-15T05:53:15.325Z (7 months ago)
• Topics: date-fns, lucide-react, nlw-expert, radix-ui, reactjs, rocketseat, sonner, speech-recognition, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://willian-moreno.github.io/nlw-expert-reactjs/
• Size: 880 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Eae, Dev! 👊🏾

Seja bem vindo(a) ✨🚀


📝 Expert Notes 📝

Next Level Week (NLW) - Rocketseat




  Sobre   |   

  Tecnologias   |   

  Layout   |   

  Licença   |   

  Acesse o Rocketseat One





  



![Preview da aplicação](./src/assets/preview_web.png)

![Preview da aplicação](./src/assets/preview_web_nova_nota.png)

![Preview da aplicação](./src/assets/preview_web_remover_nota.png)

📌 Sobre
 


O evento NLW Expert é um evento gratuito, ministrado pela [Rocketseat](https://www.rocketseat.com.br/), que veio trazendo várias possibilitades de projeto, em diferentes tecnologias, codando os mesmos de forma completa, introduzindo e aplicando conceitos muito importantes a nível de mercado. 


O projeto Expert Notes foi desenvolvido por meio da trilha React e nele vamos aplicar conceitos fundamentais do ReactJS, construindo uma aplicação de notas, que implementa a API SpeechRecognition, nativa de alguns navegadores, possibilitando escrever notas por voz!

📌 Tecnologias e bibliotecas
 


- [ReactJS](https://pt-br.react.dev/)

- [TypeScript](https://www.typescriptlang.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Vite](https://vitejs.dev/)

- [Sonner](https://sonner.emilkowal.ski/)

- [Lucide](https://lucide.dev/) 

- [Date FNS](https://date-fns.org/)

- [Radix UI](https://www.radix-ui.com/)

- [SpeechRecognitionAPI](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition)

- [Git](https://git-scm.com/)

- [Figma](https://figma.com)

📌 Layout


Você pode visualizar o layout do projeto através [DESSE LINK](https://www.figma.com/community/file/1336456128647909148). É necessário ter conta no [Figma](https://figma.com) para acessá-lo.

📌 Licença


Esse projeto está sob a licença MIT.

📌 Acesse o Rocketseat One


[Rocketseat One](https://app.rocketseat.com.br/cart/rocketseat-one?referral=willian-moreno&utm_source=platform&utm_medium=organic&utm_campaign=venda&utm_term=mgm&utm_content=indication-lp_one)