{"id":29406386,"url":"https://github.com/talvanes/letmeask-web","last_synced_at":"2026-05-11T07:40:59.651Z","repository":{"id":303892532,"uuid":"1016752066","full_name":"talvanes/LetMeAsk-Web","owner":"talvanes","description":"[NLW #20 Agents] Let Me Ask (Web): An AI agent that answers user questions in real time.","archived":false,"fork":false,"pushed_at":"2025-07-10T00:27:56.000Z","size":49,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-10T10:08:20.403Z","etag":null,"topics":["biomejs","react","reactjs","typescript","typescript-react","vite","vitejs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/talvanes.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-09T13:22:31.000Z","updated_at":"2025-07-10T00:28:00.000Z","dependencies_parsed_at":"2025-07-10T10:08:22.523Z","dependency_job_id":"1bf11d90-3f25-4550-8e3f-ba5d09b0eda6","html_url":"https://github.com/talvanes/LetMeAsk-Web","commit_stats":null,"previous_names":["talvanes/letmeask-web"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/talvanes/LetMeAsk-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/talvanes%2FLetMeAsk-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/talvanes%2FLetMeAsk-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/talvanes%2FLetMeAsk-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/talvanes%2FLetMeAsk-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/talvanes","download_url":"https://codeload.github.com/talvanes/LetMeAsk-Web/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/talvanes%2FLetMeAsk-Web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264686884,"owners_count":23649565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["biomejs","react","reactjs","typescript","typescript-react","vite","vitejs"],"created_at":"2025-07-10T23:21:35.548Z","updated_at":"2026-05-11T07:40:59.607Z","avatar_url":"https://github.com/talvanes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LetMeAsk-Web\n\nA modern Q\u0026A web application inspired by the latest [NLW #20 RocketSeat Event](https://www.rocketseat.com.br/nlw), built with a focus on real-time interactivity, clean architecture, and developer experience. This project was created during the NLW #20 event (July 2025), leveraging the best practices and technologies showcased by RocketSeat.\n\n## 🚀 Tech Stack\n\n- **Frontend Framework:** [React 18+](https://react.dev/) (with functional components \u0026 hooks)\n- **Type System:** [TypeScript](https://www.typescriptlang.org/)\n- **Build Tool:** [Vite](https://vitejs.dev/) (for lightning-fast development)\n- **Styling:** CSS Modules, with a focus on modular and reusable styles\n- **Component Library:** Custom UI components (see `src/components/ui/`)\n- **State Management:** React Context API \u0026 hooks\n- **Routing:** [React Router](https://reactrouter.com/) (if applicable)\n- **Utilities:** Custom utility functions in `src/lib/utils.ts`\n- **Linting \u0026 Formatting:** ESLint (with type-aware rules), Prettier, Biome\n- **Testing:** (Add your testing stack here if applicable)\n\n## 🏗️ Project Structure\n\n```\nLetMeAsk-Web/\n├── public/                # Static assets\n├── src/\n│   ├── app.tsx            # Main App component\n│   ├── main.tsx           # Entry point\n│   ├── index.css          # Global styles\n│   ├── components/\n│   │   └── ui/            # Reusable UI components (e.g., Button)\n│   ├── lib/\n│   │   └── utils.ts       # Utility functions\n│   └── pages/             # Page components (e.g., CreateRoom, Room)\n├── package.json           # Project metadata \u0026 scripts\n├── tsconfig*.json         # TypeScript configuration\n├── vite.config.ts         # Vite configuration\n├── biome.jsonc            # Biome configuration\n└── README.md              # Project documentation\n```\n\n## ✨ Features\n\n- **Create \u0026 Join Rooms:** Users can create new Q\u0026A rooms or join existing ones.\n- **Real-Time Interactions:** (If using a backend or Firebase, mention here)\n- **Modern UI:** Clean, accessible, and responsive design.\n- **Reusable Components:** Modular UI elements for rapid development.\n- **Type Safety:** End-to-end TypeScript for reliability.\n- **Developer Experience:** Fast HMR, strict linting, and easy-to-read codebase.\n\n## 🧑‍💻 Design Patterns \u0026 Best Practices\n\n- **Atomic Design:** UI components are organized by reusability and specificity.\n- **Separation of Concerns:** Pages, components, and utilities are clearly separated.\n- **Hooks \u0026 Context:** State and logic are managed with React hooks and Context API.\n- **Type-First Development:** TypeScript is used throughout for type safety.\n- **ESLint \u0026 Biome:** Enforced code quality and consistent style.\n\n## 🛠️ Getting Started\n\n1. **Install dependencies:**\n   ```sh\n   npm install\n   ```\n2. **Start the development server:**\n   ```sh\n   npm run dev\n   ```\n3. **Build for production:**\n   ```sh\n   npm run build\n   ```\n4. **Preview production build:**\n   ```sh\n   npm run preview\n   ```\n\n## 📝 Linting \u0026 Formatting\n\n- **ESLint:** Type-aware linting with recommended and strict rules. See `eslint.config.js` for customizations.\n- **Biome:** Used for code formatting and additional linting. See `biome.jsonc`.\n- **Prettier:** (If used, mention here)\n\n## 🌟 About NLW #20 RocketSeat\n\nThis project was built as part of the [NLW #20](https://www.rocketseat.com.br/nlw) (Next Level Week) event by RocketSeat, July 2025. NLW is a hands-on coding event where thousands of developers build real-world projects together, learning the latest in web technologies, design patterns, and best practices. LetMeAsk-Web reflects the spirit and technical stack of NLW #20, focusing on modern React, TypeScript, and rapid development with Vite.\n\n## 🤝 Contributing\n\nPull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.\n\n## 📄 License\n\n[WTFPL](LICENSE) (Do What The F*ck You Want To Public License)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalvanes%2Fletmeask-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftalvanes%2Fletmeask-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalvanes%2Fletmeask-web/lists"}