{"id":20345406,"url":"https://github.com/araguaci/nlw-together-reactjs","last_synced_at":"2026-04-30T19:31:34.614Z","repository":{"id":49153348,"uuid":"378762424","full_name":"araguaci/nlw-together-reactjs","owner":"araguaci","description":"#Letmeasak =\u003e This is a project developed during the Next Level Week Together, presented by @Rocketseat during June 2021.","archived":false,"fork":false,"pushed_at":"2021-06-30T23:50:52.000Z","size":1000,"stargazers_count":2,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-30T15:48:21.694Z","etag":null,"topics":["nlw","nlw-06","nlw-together","nlw-together-reactjs","reactjs","rocketseat","rocketseat-nlw"],"latest_commit_sha":null,"homepage":"https://letmeask-42c3c.web.app/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/araguaci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-21T00:01:50.000Z","updated_at":"2021-06-30T23:50:55.000Z","dependencies_parsed_at":"2022-08-31T18:51:26.940Z","dependency_job_id":null,"html_url":"https://github.com/araguaci/nlw-together-reactjs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/araguaci/nlw-together-reactjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/araguaci%2Fnlw-together-reactjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/araguaci%2Fnlw-together-reactjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/araguaci%2Fnlw-together-reactjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/araguaci%2Fnlw-together-reactjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/araguaci","download_url":"https://codeload.github.com/araguaci/nlw-together-reactjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/araguaci%2Fnlw-together-reactjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32475191,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: 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":["nlw","nlw-06","nlw-together","nlw-together-reactjs","reactjs","rocketseat","rocketseat-nlw"],"created_at":"2024-11-14T22:08:22.723Z","updated_at":"2026-04-30T19:31:34.600Z","avatar_url":"https://github.com/araguaci.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://letmeask-42c3c.web.app/\" target=\"_black\" title=\"Let me Ask - Demo Project\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/araguaci/nlw-together-reactjs/8c5990381e6092f62e1d6f48310cc82f299ac6e1/src/assets/images/logo.svg\" alt=\"Letmeask\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#-technologies\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-project\"\u003eProject\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-getting-started\"\u003eGetting Started\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#todo\"\u003eTodo\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"License\" src=\"https://img.shields.io/static/v1?label=license\u0026message=MIT\u0026color=8257E5\u0026labelColor=000000\"\u003e\n\u003c/p\u003e\n\n## 🧪 Technologies\n\nThis project was developed using the following technologies:\n\n- [React](https://reactjs.org)\n\t- [Awesome NodeJS Tools](https://github.com/artesdosul/awesome-nodejs/tree/master\n- [Sass](https://sass-lang.com/)\n- [Firebase](https://firebase.google.com/)\n- [TypeScript](https://www.typescriptlang.org/)\n\n## 🔎 Project \n\nLetmeasak! This is a project developed during the Next Level Week Together, presented by \u003ca href=\"https://github.com/diego3g\"\u003e@diego3g\u003c/a\u003e CTO at \u003ca href=\"https://github.com/rocketseat\"\u003e@rocketseat\u003c/a\u003e during June 2021.\nTool that has the purpose of solving questions during a live class. With it you can create private rooms where only those who have the room ID can access, participants can ask questions with Google Account, like on them. The room creator can mark the questions as answered, highlight and remove questions, the room can be closed.\n\nCode room ReactJS: \n```code\n-Md-otlvCJyPPoCBbprh\n```\n\nLink [Demo room](https://letmeask-42c3c.web.app/rooms/-Md-otlvCJyPPoCBbprh)\n\nDemo project home [here](https://letmeask-42c3c.web.app).\n\n## 🚀 Getting started\n\n```bash\n$ git clone https://github.com/araguaci/nlw-together-reactjs.git\n$ cd nlw-together-reactjs\n```\n\nFollow the steps below:\n\n```bash\n# Install the dependencies\n$ yarn\n\n# Start the project\n$ yarn start\n```\n\nThe app will be available for access on your browser at http://localhost:3000\n\n\u003cstrong\u003eNote:\u003c/strong\u003e to use the project on your own machine or deploy, it is necessary to follow the Firebase configuration rules below.\n\n- Create a new project in Firebase (\u003ca href=\"https://console.firebase.google.com/u/0/?hl=pt-br\"\u003eclick here\u003c/a\u003e); \n- On the project's configuration page, copy the string values ​​from `firebaseConfig`;\n- Create a `.env.local` file for environment variables, copy the variables prefixed with `REACT_APP` from `firebaseConfig` in the `firebase.ts` file in the services folder and paste in the `.env.local` file;\n- Assign string values ​​that were copied from the Firebase project to these variables;\n- In RealTime Database, enter the following rules:\n\t\n```rules firebase\n{\n  \"rules\": {\n    \"rooms\": {\n      \".read\": false,\n      \".write\": false,\n      \"$roomId\": {\n        \".read\": \"!root.child('/rooms/' + $roomId + '/endedAt').exists() || data.child('authorId').val() == auth.uid \",\n        \".write\": \"auth != null \u0026\u0026 (!data.exists() || data.child('authorId').val() == auth.uid)\",\n        \"questions\": {\n          \".read\": \"!root.child('/rooms/' + $roomId + '/endedAt').exists()\",\n          \".write\": false,\n            \"$questionId\":{\n              \".read\": true,\n                  \".write\": \"auth != null \u0026\u0026 !root.child('/rooms/' + $roomId + '/endedAt').exists() \u0026\u0026 (!data.exists() || data.child('author/id').val() == auth.uid)\",\n              \"likes\": {\n                \".read\": true,\n                \".write\": \"auth != null\",  \n              }\n            }\n        }\n      }\n    }\n  }\n}\n```\n- If you are going to use the Firebase hosting service, delete these files: `.firebase` folder, `.github\\workflows` folder, `.firebaserc`, `firebase.json` and `database.rules.json` and follow the deployment instructions from the official Firebase documentation \u003ca href=\"https://console.firebase.google.com/u/0/project/teste-64e4d/hosting/sites?hl=pt-br\"\u003ehere\u003c/a\u003e;\n- If you use your GitHub project to deploy, put the Firebase environment variables on the GitHub platform, follow the documentation \u003ca href=\"https://docs.github.com/pt/actions/reference/environment-variables\"\u003ehere\u003c/a\u003e. \n\n## Todo\n- [x] Enviroment\n- [x] Layout\n- [x] Autentication Firebase\n- [x] Firebase Roles\n- [x] Create Room\n- [x] Create Questions\n- [x] Levels Admin/User\n- [x] Features Admin Rooms \n- [x] Deploy Firebase\n\t\n## Next Level\n- [x] Theme Dark/Light\n- [x] Responsible mode\n- [ ] New features coming soon\n- [ ] Login link for unregister user\n\t\n## Roadmap\n- [x] Stage 1 =\u003e together\n  - [x] fundamentos ReactJS\n\n- [x] Stage 2 =\u003e unidade\n  - [x] imutabilidade\n  - [x] ContextAPI\n  - [x] UseState =\u003e leaft state up\n  - [x] spreadprops =\u003e elements\n      \n- [x] Stage 3 =\u003e em busca de evolução\n  - [x] firebase autorização: 32:48\n  - [x] montando tela para criar sala: 44:29\n  - [x] montando tela para criar pergunta: 1:01:28\n  - [x] consumindo perguntas firebase: 1:13:47\n\n- [x] Stage 4 =\u003e legado\n  - [x] themecontextprovider \n  - [x] componente criando perguntas: 8:32\n    - [x] desestruturando objetos para consumir: 10:23\n    - [x] JSON.stringify{objeto}\n    - [x] algoritmo de reconciliação: 18:30\n  - [x] criando hook para consumir sala: 21:50\n  - [x] montagem de sala admin: 26:55\n  - [x] encerrando sala +plus (gap): 30:16\n  - [x] aprendendo uns segredos (restoperator): 30:30\n  - [x] montando like/funcionalidades para perguntas: 30:40\n    - [x] slint =\u003e verificação de objetos dentro de objetos\n    - [x] dependência de hooks / unsubscribe: 51:55\n  - [x] remoção de pergunta: 1:02:27\n  - [x] encerrar sala: 1:06:54\n\n- [x] Stage 5 =\u003e juntos no próximo nível\n  - [x] sass rules\n  - [x] firebase-tools\n  - [x] firebase deploy\n\n## Tips\n  - [x] Record\u003ctypeKey\u003e para tipar objetos\n  - [x] Sass rules\n  - [x] useEffect / Hooks\n  - [x] Spreadprops\n\n## Contributing\n\nThank you for being interested in making this package better. We encourage everyone to help improve this project with new features, bug fixes, or performance improvements. Please take a little bit of your time to read our guide to make this process faster and easier.\n- Clone this repository: `git clone https://github.com/araguaci/nlw-together-reactjs.git`\n- Create a branch with your feature: `git checkout -b my-feature`;\n- Commit your changes: `git commit -m 'feat | my new feature'`;\n- Push to your branch: `git push origin my-feature`.\n\n## License\n\nMIT [License](https://github.com/araguaci/nlw-together-reactjs/blob/main/LICENSE) | Made by: [Araguaci](https://github.com/araguaci)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faraguaci%2Fnlw-together-reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faraguaci%2Fnlw-together-reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faraguaci%2Fnlw-together-reactjs/lists"}