LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

beginner-friendly good-first-issue graphql newbie-welcome oss php practice-projects react typescript
17 Open Issues Need Help Last updated: Sep 4, 2025

Open Issues Need Help

View All on GitHub
documentation help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement an empty state component in a React frontend for a TODO application built with Laravel and GraphQL. The component should display a message and icon when the TODO list is empty, prompting the user to add items. This involves adding conditional rendering in the `TodoList.tsx` component and using Material UI components for styling and layout.

Complexity: 2/5
enhancement help wanted good first issue frontend

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Debug a bug in a Laravel/GraphQL TODO application where newly added TODO items do not appear when sorting by creation date (descending). The issue likely lies in the backend's query logic or the frontend's filtering mechanism. The task involves investigating the database queries, the sorting implementation in both the backend and frontend, and potentially adjusting the code to ensure all TODO items are displayed correctly regardless of the sort order.

Complexity: 3/5
bug help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: This task requires translating all code comments (single-line and multi-line) in a Laravel/GraphQL/React TODO application to Japanese, ensuring clarity and adding explanations where needed. The project uses Docker for development.

Complexity: 3/5
help wanted good first issue maintenance

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement internationalization (i18n) support for a Laravel/GraphQL/React TODO application. This involves selecting an appropriate i18n library and integrating it into both the backend (Laravel) and frontend (React) components to allow for multiple language support. The task includes considering the user experience and ensuring a smooth transition between languages.

Complexity: 3/5
help wanted good first issue test

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement end-to-end (E2E) tests using Cypress (or a similar framework) to verify that the React frontend correctly refetches data from the Laravel/GraphQL backend when filters or sorting options on a TODO list are changed. The tests should cover user login, navigation to the TODO list, filter/sort changes, verification of GraphQL requests, and validation of UI updates based on the response.

Complexity: 4/5
enhancement help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Improve the README for a Laravel/GraphQL/React TODO app by clarifying the .env file initialization process. This involves adding more detailed instructions on copying the .env.example file, specifying which variables need to be adjusted (DB_HOST, DB_DATABASE, DB_USERNAME, DB_PASSWORD), and providing example values consistent with the docker-compose.yml file. The goal is to make the setup process easier for new users.

Complexity: 2/5
documentation help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Create a new MySQL table named `categories` with columns for id, name, and timestamps. Then, create a corresponding Laravel model named `Category` and define the relationship between the `Category` model and the existing `Memo` (or `TODO`) model, allowing for associating categories with memos.

Complexity: 2/5
enhancement help wanted good first issue 最優先サブissue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Update the project's README to include instructions on resolving MySQL port conflicts. This involves adding steps to either temporarily stop the host's MySQL service or modify the Docker Compose file to use a different port for the Dockerized MySQL instance. Example instructions for port modification in `docker-compose.yml` should be provided.

Complexity: 2/5
documentation help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: The task is to fix a GraphQL enum type error in a React frontend that interacts with a Laravel/GraphQL backend. The error occurs when sorting or filtering a TODO list by priority because the frontend sends lowercase enum values ('high') while the backend expects uppercase ('HIGH'). The solution involves converting the priority value to uppercase before sending it in the GraphQL query.

Complexity: 2/5
bug help wanted good first issue frontend

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement a filtering feature in a React frontend for a TODO application built with Laravel and GraphQL. The filter will allow users to display TODO items based on selected categories. This involves updating the UI and implementing filtering logic using React and Apollo Client.

Complexity: 3/5
enhancement help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement a category selection UI in the React frontend of a Laravel/GraphQL TODO app. This involves creating an API call to fetch a list of categories, displaying them in a select box, and associating the selected category with a TODO item upon saving.

Complexity: 3/5
enhancement help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Implement GraphQL mutations (createCategory, updateCategory, deleteCategory) and a query (categories) for category CRUD operations in a Laravel/GraphQL backend. Add necessary validation. Detailed explanations and comments are required for ease of understanding.

Complexity: 3/5
enhancement help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Extend the existing Laravel/GraphQL API to include a Category type and a relationship between Memos and Categories. This involves defining the Category type in the GraphQL schema, adding a category field to the Memo type, and creating the necessary queries and mutations for interacting with categories.

Complexity: 3/5
enhancement help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Update the project's README file to include the necessary post-installation steps for Laravel, specifically adding instructions to run `php artisan key:generate` and optionally `php artisan config:cache` after running `composer install`. This addresses an issue where the application key is not generated, leading to errors during setup.

Complexity: 2/5
documentation help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: The task is to resolve a naming conflict in a Laravel/GraphQL project. The `docker-compose.yml` file uses the service name "backend" while the directory is named "server", causing confusion in the README's instructions. The solution involves either renaming the directory to match the service name or updating the README to clearly explain the naming discrepancy.

Complexity: 2/5
documentation help wanted maintenance

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript

AI Summary: Update the project's README to clearly explain how to change the React API connection URL (REACT_APP_API_URL) for different environments (Docker, local development, production). This involves adding instructions on using a .env file or modifying package.json scripts to set the correct URL.

Complexity: 2/5
documentation help wanted good first issue

LaravelとGraphQL(Lighthouse)で作られたTODOアプリ。みんなでオープンに開発するOSSプロジェクトです。学習や練習にお使いください!!バイブコーディングで作成した機能をベースに、今後も機能追加・リリース予定!

TypeScript
#beginner-friendly#good-first-issue#graphql#newbie-welcome#oss#php#practice-projects#react#typescript