{"id":22907234,"url":"https://github.com/arislooi/todo-list-app","last_synced_at":"2026-04-17T03:02:58.313Z","repository":{"id":266482643,"uuid":"898255365","full_name":"ArisLooi/todo-list-app","owner":"ArisLooi","description":"A simple React Todo List application using Bootstrap for styling. Perfect for learning React hooks and state management.","archived":false,"fork":false,"pushed_at":"2024-12-04T13:15:13.000Z","size":46,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T09:07:44.744Z","etag":null,"topics":["beginner","bootstrap","javascript","learning","react","todolist","webapplication","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ArisLooi.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-12-04T04:18:07.000Z","updated_at":"2024-12-04T13:15:17.000Z","dependencies_parsed_at":"2024-12-04T14:35:09.501Z","dependency_job_id":null,"html_url":"https://github.com/ArisLooi/todo-list-app","commit_stats":null,"previous_names":["arislooi/todo-list-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ArisLooi/todo-list-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArisLooi%2Ftodo-list-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArisLooi%2Ftodo-list-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArisLooi%2Ftodo-list-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArisLooi%2Ftodo-list-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArisLooi","download_url":"https://codeload.github.com/ArisLooi/todo-list-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArisLooi%2Ftodo-list-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31913078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["beginner","bootstrap","javascript","learning","react","todolist","webapplication","webdevelopment"],"created_at":"2024-12-14T03:14:15.970Z","updated_at":"2026-04-17T03:02:58.297Z","avatar_url":"https://github.com/ArisLooi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo List App\n\nWelcome to the Todo List App! This is a simple React application that allows you to add and view todo items. It's a great starting point for learning React hooks, state management, and Bootstrap for styling.\n\n## Features\n\n- Add todo items\n- View the list of todo items\n\n## Getting Started\n\n### Prerequisites\n\nTo run this project, you need Node.js and npm installed on your machine.\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/ArisLooi/todo-list-app.git\n2. Navigate to the project directory:\n    ```bash\n    cd todo-list-app\n3. Install the dependencies:\n    ```bash\n    npm install\n\n## Usage\n1. Start the development server:\n   ```bash\n   npm run dev\n2. Open your browser and navigate to the local host URL provided by the development server.\n3. Use the input field to add new todo items and view them in the list.\n\n## Project Structure\ntodo-list-app/\n├── src/\n│   ├── App.css\n│   ├── App.jsx\n│   ├── index.css\n│   └── main.jsx\n├── public/\n│   ├── index.html\n├── package.json\n├── README.md\n└── vite.config.js\n\n- src/App.jsx: The main React component that contains the logic for adding and viewing todo items.\n- src/TodoList.jsx: A component that renders the list of todo items.\n- src/index.css: The CSS file for styling the application.\n- public/index.html: The HTML file that serves as the entry point for the application.\n- package.json: The file that contains the project's dependencies and scripts.\n- vite.config.js: The configuration file for Vite.\n\n## Functions\n- addTodo(): Adds a new todo item to the list.\n- TodoList Component: Renders the list of todo items.\n\n## Contributing\nContributions are welcome! Please fork the repository and create a pull request with your changes.\n\n## Acknowledgments\nThanks to all the developers who have contributed to open-source projects and made learning to code accessible to everyone.\n\nHappy coding! 😊\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farislooi%2Ftodo-list-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farislooi%2Ftodo-list-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farislooi%2Ftodo-list-app/lists"}