{"id":18656046,"url":"https://github.com/leonardospereira/expertnotes","last_synced_at":"2026-05-05T14:33:08.392Z","repository":{"id":222145486,"uuid":"753585876","full_name":"LeonardoSPereira/ExpertNotes","owner":"LeonardoSPereira","description":"Aplicação com o objetivo de permitir ao usuário de salvar notas, seja por áudio ou texto / Application aimed at allowing the user to save notes, either through audio or text.","archived":false,"fork":false,"pushed_at":"2024-09-11T20:48:18.000Z","size":1262,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-18T00:11:14.800Z","etag":null,"topics":["radix-ui","react","sonner","speech-recognition","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"https://expert-notes-wheat.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LeonardoSPereira.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-06T12:18:41.000Z","updated_at":"2024-09-11T20:48:22.000Z","dependencies_parsed_at":"2024-05-31T14:26:39.893Z","dependency_job_id":"31d61b50-eb87-420b-a685-3aef5627cfbe","html_url":"https://github.com/LeonardoSPereira/ExpertNotes","commit_stats":null,"previous_names":["leonardospereira/expertnotes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LeonardoSPereira/ExpertNotes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FExpertNotes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FExpertNotes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FExpertNotes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FExpertNotes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LeonardoSPereira","download_url":"https://codeload.github.com/LeonardoSPereira/ExpertNotes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FExpertNotes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32653552,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["radix-ui","react","sonner","speech-recognition","tailwindcss","typescript","vite"],"created_at":"2024-11-07T07:21:36.921Z","updated_at":"2026-05-05T14:33:08.375Z","avatar_url":"https://github.com/LeonardoSPereira.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"\" rel=\"noopener\"\u003e\n \u003cimg src=\"./src/assets/interface.png\" alt=\"Project logo\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eExpert Notes\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Status](https://img.shields.io/badge/status-active-success.svg)]() \u003cbr\u003e\u003cbr\u003e\n[Português](#pt) / [English](#en)\n\u003c/div\u003e\n\n---\n# Português \u003ca name = \"pt\"\u003e\u003c/a\u003e\n\n## 📝 Tabela de conteúdos\n\n- [Sobre](#about_pt)\n- [Iniciando a aplicação](#getting_started_pt)\n- [Estrutura do projeto](#project_structure_pt)\n- [Deploy](#deployment_pt)\n- [Usando](#usage_pt)\n- [Tecnologias](#built_using_pt)\n\n## 🧐 Sobre \u003ca name = \"about_pt\"\u003e\u003c/a\u003e\nEsse projeto é uma aplicação web que permite que usuários possam criar  notas sobre os assuntos que desejar, podendo ser por meio de texto ou áudio. \u003cbr /\u003e\nEle foi construído durante o evento Next Level Week Expert da Rocketseat, na trilha de ReactJS. \u003cbr /\u003e\nA aplicação foi construída utilizando ReactJS, TypeScript, Tailwind e outras tecnologias. \u003cbr /\u003e\nFoi utilizado a api de reconhecimento de voz do navegador para a funcionalidade de notas por áudio. \u003cbr /\u003e\n\n## 🏁 Iniciando a aplicação \u003ca name = \"getting_started_pt\"\u003e\u003c/a\u003e\nEssas instruções vão te permitir obter uma cópia do projeto e rodar a aplicação localmente para propósitos de desenvolvimento e teste.\n\n### Pre-requisitos\nPara rodar a aplicação, você precisa ter o Node.js instalado na sua máquina. Você pode baixar o Node.js [aqui](https://nodejs.org/en/).\n\n\n### Instalação\nPara acessar o projeto, basta clonar o repositório ou realizar o download dos arquivos do projeto.\u003cbr\u003e\nPara clonar o repositório, utilize o seguinte comando no seu terminal:\n\n```sh\ngit clone https://github.com/LeonardoSPereira/ExpertNotes\n```\n\nApós clonar o repositório, acesse a pasta do projeto e instale as dependências utilizando o seguinte comando no seu terminal:\n\n```sh\nnpm install\n```\n\nApós instalar as dependências, utilize o seguinte comando no seu terminal para iniciar a aplicação:\n\n```sh\nnpm run dev\n```\n\nCom isso, a aplicação estará rodando em \u003ccode\u003ehttp://localhost:5173\u003c/code\u003e. Para acessar a aplicação, basta acessar esse endereço no seu navegador.\n\n## 📁 Estrutura do projeto \u003ca name = \"project_structure_pt\"\u003e\u003c/a\u003e\nA estrutura do projeto é a seguinte:\n```\n├── public: pasta com arquivos públicos.\n\n├── src: pasta com arquivos do projeto.\n│   ├── assets: pasta com arquivos de imagem.\n\n│   ├── components: pasta com componentes da aplicação.\n│   │   ├── new-note-card.tsx: componente que contém o card para criação de uma nova nota.\n\n│   │   ├── note-card.tsx: componente que contém o card de uma nota.\n\n│   ├── app.tsx: arquivo que contém a aplicação.\n\n│   ├── index.css: arquivo de estilização que contém a inicialização do Tailwind.\n\n│   ├── main.tsx: arquivo que contém a inicialização do React.\n\n├── index.html: arquivo que contém a estrutura da aplicação.\n```\n\n## 🚀 Deploy \u003ca name = \"deployment_pt\"\u003e\u003c/a\u003e\nO deploy da aplicação foi realizado utilizando a plataforma Vercel. Que garante que a aplicação esteja sempre rodando na última versão do projeto, de forma estável e segura.\u003cbr\u003e\nA aplicação pode ser acessada [aqui](https://expert-notes-wheat.vercel.app/).\n\n## 🎈 Usando \u003ca name=\"usage_pt\"\u003e\u003c/a\u003e\nPara usar a aplicação, basta acessar a aplicação [aqui](https://expert-notes-wheat.vercel.app/). Ou rodar a aplicação localmente, seguindo as instruções acima.\n\nAs notas podem ser criadas por meio de texto ou áudio. Para criar uma nota por áudio, basta clicar no botão de iniciar gravação e falar o conteúdo da nota. Após terminar de falar, clique no botão de parar gravação. A nota será criada com o conteúdo falado e poderá ser editada antes de ser salva, garantindo que a nota esteja correta.\u003cbr\u003e\nAs notas podem ser excluídas clicando no botão de excluir na nota desejada. \u003cbr\u003e\nAs notas foram salvas no localStorage do navegador, garantindo que as notas criadas estejam sempre disponíveis, mesmo após fechar a aplicação.\n\n## ⛏️ Tecnologias \u003ca name = \"built_using_pt\"\u003e\u003c/a\u003e\n- [ReactJS](https://reactjs.org/) - Biblioteca de JavaScript para construção de interfaces.\n- [TypeScript](https://www.typescriptlang.org/) - Superset de JavaScript que adiciona tipagem estática ao código.\n- [Tailwind](https://tailwindcss.com/) - Framework de estilização.\n- [Vite](https://vitejs.dev/) - Build tool para aplicações web.\n- [Radix UI](https://radix-ui.com/) - Biblioteca de componentes.\n- [Lucide React](https://lucide.dev/) - Biblioteca de ícones.\n- [Sonner](https://sonner.emilkowal.ski) - Biblioteca de notificações.\n- [SpeechRecognition API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) - API de reconhecimento de voz do navegador.\n\n\n---\n# English \u003ca name = \"en\"\u003e\u003c/a\u003e\n\n## 📝 Table of Contents \u003ca name = \"en\"\u003e\u003c/a\u003e\n- [About](#about_en)\n- [Getting Started](#getting_started_en)\n- [Project Structure](#project_structure_en)\n- [Deployment](#deployment_en)\n- [Usage](#usage_en)\n- [Technologies](#built_using_en)\n\n## 🧐 About \u003ca name = \"about_en\"\u003e\u003c/a\u003e\nThis project is a web application that allows users to create notes on any subject they want, either through text or audio. \u003cbr /\u003e\nIt was built during the Next Level Week Expert event by Rocketseat, in the ReactJS track. \u003cbr /\u003e\nThe application was built using ReactJS, TypeScript, Tailwind and other technologies. \u003cbr /\u003e\nThe browser's voice recognition API was used for the audio notes functionality. \u003cbr /\u003e\n\n## 🏁 Getting Started \u003ca name = \"getting_started_en\"\u003e\u003c/a\u003e\nThese instructions will allow you to get a copy of the project and run the application locally for development and testing purposes.\n\n### Prerequisites\nTo run the application, you need to have Node.js installed on your machine. You can download Node.js [here](https://nodejs.org/en/).\n\n### Installation\nTo access the project, either clone the repository or download the project files.\u003cbr\u003e\nTo clone the repository, use the following command in your terminal:\n\n```sh\ngit clone https://github.com/LeonardoSPereira/ExpertNotes\n```\n\nAfter cloning the repository, navigate to the project folder and install dependencies using the following command in your terminal:\n\n```sh\nnpm install\n```\n\nAfter installing the dependencies, use the following command in your terminal to start the application:\n\n```sh\nnpm run dev\n```\n\nThis will run the application at \u003ccode\u003ehttp://localhost:5173\u003c/code\u003e. To access the application, simply open this address in your browser.\n\n## 📁 Project Structure \u003ca name = \"project_structure_en\"\u003e\u003c/a\u003e\nThe project structure is as follows:\n\n```\n├── public: folder with public files.\n\n├── src: folder with project files.\n│   ├── assets: folder with image files.\n\n│   ├── components: folder with application components.\n│   │   ├── new-note-card.tsx: component that contains the card for creating a new note.\n\n│   │   ├── note-card.tsx: component that contains the note card.\n\n│   ├── app.tsx: file that contains the application.\n\n│   ├── index.css: styling file that contains Tailwind initialization.\n\n│   ├── main.tsx: file that contains the React initialization.\n\n├── index.html: file that contains the application structure.\n```\n\n## 🚀 Deployment \u003ca name = \"deployment_en\"\u003e\u003c/a\u003e\nThe application was deployed using the Vercel platform. This ensures that the application is always running the latest version of the project, in a stable and secure manner.\u003cbr\u003e\nThe application can be accessed [here](https://expert-notes-wheat.vercel.app/).\n\n## 🎈 Usage \u003ca name=\"usage_en\"\u003e\u003c/a\u003e\nTo use the application, simply access the application [here](https://expert-notes-wheat.vercel.app/). Or run the application locally, following the instructions above.\n\nNotes can be created through text or audio. To create a note by audio, simply click the start recording button and speak the note content. After finishing speaking, click the stop recording button. The note will be created with the spoken content and can be edited before being saved, ensuring that the note is correct.\u003cbr\u003e\nNotes can be deleted by clicking the delete button on the desired note. \u003cbr\u003e\nThe notes were saved in the browser's localStorage, ensuring that the created notes are always available, even after closing the application.\n\n## ⛏️ Technologies \u003ca name = \"built_using_en\"\u003e\u003c/a\u003e\n- [ReactJS](https://reactjs.org/) - JavaScript library for building interfaces.\n- [TypeScript](https://www.typescriptlang.org/) - Superset of JavaScript that adds static typing to the code.\n- [Tailwind](https://tailwindcss.com/) - Styling framework.\n- [Vite](https://vitejs.dev/) - Build tool for web applications.\n- [Radix UI](https://radix-ui.com/) - Component library.\n- [Lucide React](https://lucide.dev/) - Icon library.\n- [Sonner](https://sonner.emilkowal.ski) - Notification library.\n- [SpeechRecognition API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) - Browser voice recognition API.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardospereira%2Fexpertnotes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleonardospereira%2Fexpertnotes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardospereira%2Fexpertnotes/lists"}