{"id":17746645,"url":"https://github.com/luancss/ignite-timer","last_synced_at":"2026-04-11T06:04:36.184Z","repository":{"id":199342183,"uuid":"702659119","full_name":"Luancss/Ignite-timer","owner":"Luancss","description":"É um timer no estilo pomodoro para você controlar seus ciclos de estudos e tarefas no dia a dia.","archived":false,"fork":false,"pushed_at":"2023-11-09T17:19:03.000Z","size":1191,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-11-10T02:28:12.477Z","etag":null,"topics":["date-fns","immer","phosphor-react","react","react-hook-form","react-router-dom","rocketseat","styled-components","typescript","zod"],"latest_commit_sha":null,"homepage":"https://ignite-timer-luancss.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/Luancss.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":"2023-10-09T18:35:23.000Z","updated_at":"2023-10-19T17:44:04.000Z","dependencies_parsed_at":"2023-10-12T01:00:24.268Z","dependency_job_id":"9e9269b0-a9aa-4535-8e08-0bbbce0c959f","html_url":"https://github.com/Luancss/Ignite-timer","commit_stats":null,"previous_names":["luancss/ignite-timer"],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2FIgnite-timer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2FIgnite-timer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2FIgnite-timer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2FIgnite-timer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Luancss","download_url":"https://codeload.github.com/Luancss/Ignite-timer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246580461,"owners_count":20800108,"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":["date-fns","immer","phosphor-react","react","react-hook-form","react-router-dom","rocketseat","styled-components","typescript","zod"],"created_at":"2024-10-26T08:08:09.311Z","updated_at":"2025-12-30T23:13:52.416Z","avatar_url":"https://github.com/Luancss.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n    \u003cimg alt=\"Logo Ignite\" title=\"Logo Ignite\" src=\"./.github/logo-ignite.svg\" /\u003e\n    Ignite Timer\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n \u003ca href=\"#-demonstration\"\u003eDemonstration\u003c/a\u003e |\n \u003ca href=\"#-deploy\"\u003eDeploy\u003c/a\u003e |\n \u003ca href=\"#-technologies\"\u003eTechnologies\u003c/a\u003e |\n \u003ca href=\"#-layout\"\u003eLayout\u003c/a\u003e |\n \u003ca href=\"#-clipboard-pré-requisitos\"\u003eClipboard\u003c/a\u003e |\n \u003ca href=\"#-settings\"\u003eSettings\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\nO Ignite Timer nada mais é que um projeto que permite ao usuário cronometrar as suas tarefas no dia a dia, além de le permite ver um histórico de todos as tarefas já realizadas.\n\n**Objetivos**: os principais objetivos desta aplicação foi treinar a atilização das seguintes ferramentas/tecnologias: \n  - Lidar com datas e horarios através da biblioteca `date-fns`\n  - Utilização de formulários com `React Hook Form`\n  - Aplicação de temas dark e light utilizando o `Styled Components`\n  - Uso do hook `useReducer` do React para centralizar as alterações em um estado complexo\n  - Outros...\n\n* Caso goste do projeto marque a estrelinha⭐ e compartilhe para me ajudar 👍, e me siga para ver outros projetos meus.\n\n## 📷 Demonstration\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Home\" src=\".github/Home.png\" width=\"100%\"\u003e\n  \u003cimg alt=\"Histórico de tarefas\" src=\".github/Histórico.png\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n\n## 💻 Deploy\n\nClique no link a seguir para executar o projeto na sua máquina: \u003ca target=\"_blank\" href=\"https://ignite-timer-luancss.vercel.app/\"\u003eLink\u003c/a\u003e\n\n\n## 🚀 Technologies\n\nEsse projeto foi desenvolvido com as seguintes tecnologias:\n\n✔ [Vite](https://vitejs.dev/)\n\u003cbr/\u003e\n✔ [ReactJS](https://reactjs.org/)\n\u003cbr/\u003e\n✔ [TypeScript](https://www.typescriptlang.org/)\n\u003cbr/\u003e\n✔ [Styled Components](https://styled-components.com/docs)\n\u003cbr/\u003e\n✔ [Phosphor Icons](https://phosphoricons.com/)\n\u003cbr/\u003e\n✔ [date-fns](https://date-fns.org/docs/Getting-Started)\n\u003cbr/\u003e\n✔ [React Hook Form](https://react-hook-form.com/)\n\u003cbr/\u003e\n✔ [Zod](https://github.com/colinhacks/zod)\n\u003cbr/\u003e\n✔ [React Router](https://reactrouter.com/en/v6.3.0/getting-started/overview)\n\u003cbr/\u003e\n✔ [Immer](https://github.com/immerjs/immer)\n\u003cbr/\u003e\n\n\n## 🎨 Layout\n\nVocê pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/nCeslCY32mG7newtwTpuks/Ignite-Timer-(Community)?node-id=11%3A599). É necessário ter conta no [Figma](https://www.figma.com/) para acessá-lo.\n\n\n## 📋 Clipboard (Pré-requisitos)\n\nAntes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:\n\n* [Git](https://git-scm.com)\n* [NodeJS](https://nodejs.org/en/)\n* [Yarn](https://yarnpkg.com/) ou [NPM](https://www.npmjs.com/)\n\n\n## ⚙ Settings\n\nSegue os comandos para baixar e executar o projeto na sua máquina:\n\n* `git clone` + `URL do Projeto`: clonar este repositório.\n* `cd Ignite-Timer`: acessa a pasta do projeto no terminal.\n* `yarn`: para baixar as dependências do projeto.\n* `yarn dev`: \n    - Executa o projeto em modo/ambiente de desenvolvimento.\n    - Abra [http://localhost:3000](http://localhost:3000) para ver o projeto rodando no Navegador.\n    - A página será recarregada se você fizer edições no código, e se tiver algum erro será mostrado no console.\n* `yarn build`: \n    - Compila a aplicação para a produção na pasta `build`.\n\n\n## ✍ Author\n\n\u003cimg alt=\"Luancss\" title=\"Luancss\" src=\"https://avatars.githubusercontent.com/u/104950187?v=4\" width=\"100\"\u003e\n\u003cp\u003e\n    Made with 💜 by Luancss\n\u003c/p\u003e\n\u003cp align=\"left\"\u003e\n    \u003ca href=\"https://www.linkedin.com/in/luan-carlos-30035b246/\" target=\"_blank\"\u003e\n        \u003cimg align=\"center\" src=\"https://img.shields.io/badge/LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"Linkedin Luan Carlos\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"mailto:luancss.contact@gmail.com\" target=\"_blank\"\u003e\n        \u003cimg align=\"center\" src=\"https://img.shields.io/badge/Gmail-FF0000?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Gmail Luan Carlos\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluancss%2Fignite-timer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluancss%2Fignite-timer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluancss%2Fignite-timer/lists"}