{"id":15714525,"url":"https://github.com/hey-lets-code/todo-list-app","last_synced_at":"2026-04-10T15:10:13.885Z","repository":{"id":251688229,"uuid":"837772310","full_name":"Hey-Lets-code/todo-list-app","owner":"Hey-Lets-code","description":"To-Do List Application built with React, Material-UI and Typescript.","archived":false,"fork":false,"pushed_at":"2024-08-05T05:11:20.000Z","size":403,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-30T19:47:07.678Z","etag":null,"topics":["jest","localstorage","material-ui","npm-package","react","react-hooks","react-router","typescript"],"latest_commit_sha":null,"homepage":"https://todo-list-app-ten-rouge.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/Hey-Lets-code.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-08-04T01:40:40.000Z","updated_at":"2024-08-05T05:11:23.000Z","dependencies_parsed_at":"2024-08-05T04:29:55.739Z","dependency_job_id":"2d70bab0-079e-4c89-a205-117ecc4b0bd8","html_url":"https://github.com/Hey-Lets-code/todo-list-app","commit_stats":null,"previous_names":["hey-lets-code/todo-list-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hey-Lets-code%2Ftodo-list-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hey-Lets-code%2Ftodo-list-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hey-Lets-code%2Ftodo-list-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hey-Lets-code%2Ftodo-list-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hey-Lets-code","download_url":"https://codeload.github.com/Hey-Lets-code/todo-list-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246372503,"owners_count":20766626,"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":["jest","localstorage","material-ui","npm-package","react","react-hooks","react-router","typescript"],"created_at":"2024-10-03T21:37:48.674Z","updated_at":"2025-12-30T21:54:47.168Z","avatar_url":"https://github.com/Hey-Lets-code.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TO-DO List Application\n\n## Overview\nThis project is a To-Do List Application built with React, Material-UI and Typescript. It allows users to manage their tasks, including creating, editing, and deleting tasks. All tasks are stored in the browser's LocalStorage for persistence.\n\n### Deployed Application\nYou can view the live version of the application [here](https://todo-list-qbkmdggo0-leticias-projects-75b084f9.vercel.app).\n\n#### Register\n![Register](https://github.com/user-attachments/assets/55338f94-40ea-4b78-a3a3-99734c1f336b)\n\n#### Login \n![Login](https://github.com/user-attachments/assets/b25163da-6e04-4929-9bb3-5447dd9cb13c)\n\n#### Create to-do item\n![Adicionar](https://github.com/user-attachments/assets/b071e370-c3d3-4ba8-8916-6c985e3d3a68)\n\n#### Edit to-do item\n![Edição](https://github.com/user-attachments/assets/a2a04c5b-1911-4eea-a5db-64f605d2a5c0)\n\n#### Delete to-do item\n![Deletar](https://github.com/user-attachments/assets/c16a51ad-0080-4ae5-ac35-eca1e77f3efb)\n\n#### Search Field\n![campo-de-pesquisa](https://github.com/user-attachments/assets/04890a1b-ce58-4807-8782-77aaf528333f)\n\n\n## Features\nThe application includes the following features:\n\n1. **Login**\n   - A screen with fields for email and password.\n   - Only the interface is implemented; authentication logic is not implemented yet.\n\n2. **User Registration**\n   - A screen with fields for name, email, and password.\n   - Only the interface is implemented; registration logic is not implemented yet.\n\n3. **Task List**\n   - A screen that lists all created tasks.\n   - Each task displays the title, color, and description.\n\n4. **Task Management**\n   - A form to create new tasks.\n   - A form to edit existing tasks.\n   - Functionality to delete tasks.\n   - Each task includes the following fields: title, color (using a color picker), and description.\n   - Tasks are saved to and loaded from LocalStorage.\n\n## Technical Details\n- **Framework**: React\n- **UI Components**: Material-UI\n- **Data Storage**: Browser's LocalStorage\n- **Language**: TypeScript\n- **Testing**: Jest\n\n## Installation\n\n1. Clone the repository:\n   ```sh\n   git clone https://github.com/your-username/todo-list-app.git\n   cd todo-list-app\n   ```\n\n2. Install dependencies:\n   ```sh\n   npm install\n   ```\n\n3. Start the development server:\n   ```sh\n   npm start\n   ```\n   \nFor a project with React, Material-UI, React Router, TypeScript, and Jest, you will need the following dependencies:\n\n### Main Dependencies\n\n1. **React** and **React DOM**:\n   ```sh\n   npm install react react-dom\n   ```\n\n2. **Material-UI** (including icons):\n   ```sh\n   npm install @mui/material @emotion/react @emotion/styled @mui/icons-material\n   ```\n\n3. **React Router**:\n   ```sh\n   npm install react-router-dom\n   ```\n\n4. **TypeScript** (if it's not already installed):\n   ```sh\n   npm install typescript\n   ```\n\n5. **Type Definitions for TypeScript**:\n   ```sh\n   npm install --save-dev @types/react @types/react-dom @types/react-router-dom\n   ```\n\n6. **Jest** and **React Testing Library** for tests:\n   ```sh\n   npm install --save-dev jest @testing-library/react @testing-library/jest-dom @testing-library/user-event @types/jest\n   ```\n\n### Commands to Install All Dependencies\n\nYou can install all the dependencies at once with the following commands:\n\n```sh\nnpm install react react-dom @mui/material @emotion/react @emotion/styled @mui/icons-material react-router-dom typescript\nnpm install --save-dev jest @testing-library/react @testing-library/jest-dom @testing-library/user-event @types/jest @types/react @types/react-dom @types/react-router-dom\n```\n\n## Usage\n1. Open your browser and navigate to `http://localhost:3000`.\n2. Use the login and registration interfaces to create a new user (only the interface is functional).\n3. Create, edit, and delete tasks using the provided forms and task list interface.\n\n## Development Status\nThe testing phase is currently under development.\n\n## Contributing\nContributions are welcome! Please fork the repository and create a pull request with your changes.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhey-lets-code%2Ftodo-list-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhey-lets-code%2Ftodo-list-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhey-lets-code%2Ftodo-list-app/lists"}